Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Kilkukrotne wykonywanie skryptu - JQuery
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Mystic007
21.05.2008, 20:21:09
Witam!

Stawiam swoje pierwsze kroki z JQuery, i napotkałem problem. Chcę by po najechaniu na pierwsza kolumnę tabeli w odpowiednim wierszu rozwijał się tekst z opisem. Jednak opis pojawia się i znika kilka razy pod rząd, jak to naprawić? Mówie o sytuacji kiedy przejedziemy szybko kursorem po komórce.

Demo: http://ourplace.pl/pass/index.php

Kod skryptu:

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. 		$(document).ready(function(){
  3. 			$(".data tr td.d div").hide();
  4. 			$(".data tr td.d").mouseover(
  5. 				function(){
  6. 					$(this).children(1).show(100);
  7. 				}
  8. 			).mouseout(
  9. 				function(){
  10. 					$(this).children(1).hide(100);
  11. 				}
  12. 			);
  13. 		});
  14. 	</script>
[HTML] pobierz, plaintext


Proszę o pomoc.
lord_t
21.05.2008, 20:32:18
Bind + mouseenter/mouseleave

A tu zobacz drugą parę zagnieżdżonych prostokątów: http://docs.jquery.com/Events/mouseover#fn
Mystic007
21.05.2008, 20:39:49
;/ nie wiem jak to zastosować by działało ;/
lord_t
21.05.2008, 21:19:52 
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3.   $(".data tr td.d div").hide();
  4.   $(".data tr td.d").bind("mouseenter",function(){
  5.      $(this).children(1).show(100);
  6.    }).bind("mouseleave",function(){
  7.      $(this).children(1).hide(100);
  8.    });
  9. });
  10. </script>
[HTML] pobierz, plaintext
Mystic007
21.05.2008, 22:48:48
Nic to nie dało. Nadal proszę o pomoc. Domyślam się, że chodzi o to, że zanim sie do końca rozwinie ma sie zacząć zwijać i przez to jest taka awantura pomiędzy kodem.
Demo: http://ourplace.pl/pass/index.php
batman
21.05.2008, 23:01:09
To powinno zadziałać.

Kod
var jakas_zmienna = false;
$(document).ready(function(){
    $(".data tr td.d div").hide();
    $(".data tr td.d").mouseover(function(){
        if(!jakas_zmienna) {
            $(this).children(1).show(100, , function() { jakas_zmienna = true; });
        }
    }).mouseout(function(){
        if(jakas_zmienna) {
            $(this).children(1).hide(100, function() { jakas_zmienna = false; });
        }
    });
});


edit
dodałem instrukcję warunkową w mouseout
lord_t
21.05.2008, 23:12:36
Jeszcze mi przyszedł na myśl accordion, ale reagujący na zdarzenie hover:

http://dev.jquery.com/view/trunk/ui/demos/...ordion-drawers/

Z tym, że to tylko zbliżone do tego co byś chciał.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.