• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Co robię źle?

Object Storage Arubacloud
0 głosów
126 wizyt
pytanie zadane 14 grudnia 2017 w JavaScript przez Bartess Gaduła (3,630 p.)
zamknięte 14 grudnia 2017 przez Bartess

Cześć.

To mi działa: http://jsfiddle.net/3framvxg/2/
A to nie....

<html>
<head>
<script type="text/javascript">
$(".spanhover").hover(function(event) {
  var divid = "#popup" + $(this).attr("id")
  $(divid).css({
    top: event.clientY,
    left: event.clientX
  }).show();
}, function() {
  var divid = "#popup" + $(this).attr("id")
  $(divid).hide();
});
</script>
<style type="text/css">
.spanhover {
  cursor: pointer;
}
.popup {
  position: absolute;
  display: none;
}
body {
  position: relative;
}
</style>
</head>
<body>
<div class="popup" id="popuphover1" style="display:none">Mysza nad jednym</div>
<div class="popup" id="popuphover2" style="display:none;width:100px;height:100px;background-color:#DAF7A6">Mysza nad drugim</div><br><br>
<span class="spanhover" id="hover1">Najedź pierwszy</span><br><br>
<span class="spanhover" id="hover2">Najedź drugi</span>
</body>
</html>

Czego mi brakuje?

komentarz zamknięcia: Rozwiązany

1 odpowiedź

0 głosów
odpowiedź 14 grudnia 2017 przez pablop76 VIP (123,180 p.)
Nie dołączona biblioteka jquery.
komentarz 14 grudnia 2017 przez Bartess Gaduła (3,630 p.)
Dodałem
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
Nie pomogło.

Którą dodać?
komentarz 14 grudnia 2017 przez pablop76 VIP (123,180 p.)
Otworzyłem twój kod w codepen przeniosłem kod jq do okna js dołączyłem bibliotekę i działa.
komentarz 14 grudnia 2017 przez pablop76 VIP (123,180 p.)

Próbujesz wykonać kod przed załadowaniem DOM. Przenieś kod przed zamknięciem body lub zamknij go w funkcji

$(document).ready(function() {
    //twój kod - funkcja czeka na załadowanie DOM
});

 

komentarz 14 grudnia 2017 przez Bartess Gaduła (3,630 p.)
Dziękuję, działa.

Podobne pytania

0 głosów
1 odpowiedź 464 wizyt
0 głosów
1 odpowiedź 113 wizyt
pytanie zadane 18 października 2018 w JavaScript przez Oskar Szkurłat Bywalec (2,780 p.)
+1 głos
2 odpowiedzi 478 wizyt
pytanie zadane 2 lipca 2018 w JavaScript przez fyrr Użytkownik (910 p.)

92,619 zapytań

141,468 odpowiedzi

319,788 komentarzy

62,001 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...