Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Kilkukrotne wykonywanie skryptu - JQuery
Mystic007
post
Post #1





Grupa: Zarejestrowani
Postów: 106
Pomógł: 1
Dołączył: 22.04.2006
Skąd: Będzin

Ostrzeżenie: (0%)
-----


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:

  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>


Proszę o pomoc.
Go to the top of the page
+Quote Post
lord_t
post
Post #2





Grupa: Zarejestrowani
Postów: 603
Pomógł: 131
Dołączył: 24.07.2007
Skąd: Górny Śląsk

Ostrzeżenie: (0%)
-----


Bind + mouseenter/mouseleave

A tu zobacz drugą parę zagnieżdżonych prostokątów: http://docs.jquery.com/Events/mouseover#fn


--------------------
Go to the top of the page
+Quote Post
Mystic007
post
Post #3





Grupa: Zarejestrowani
Postów: 106
Pomógł: 1
Dołączył: 22.04.2006
Skąd: Będzin

Ostrzeżenie: (0%)
-----


;/ nie wiem jak to zastosować by działało ;/
Go to the top of the page
+Quote Post
lord_t
post
Post #4





Grupa: Zarejestrowani
Postów: 603
Pomógł: 131
Dołączył: 24.07.2007
Skąd: Górny Śląsk

Ostrzeżenie: (0%)
-----


  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. });


--------------------
Go to the top of the page
+Quote Post
Mystic007
post
Post #5





Grupa: Zarejestrowani
Postów: 106
Pomógł: 1
Dołączył: 22.04.2006
Skąd: Będzin

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
batman
post
Post #6





Grupa: Moderatorzy
Postów: 2 921
Pomógł: 269
Dołączył: 11.08.2005
Skąd: 127.0.0.1




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


--------------------
I would love to change the world, but they won't give me the source code.
My software never has bugs. It just develops random features.
Go to the top of the page
+Quote Post
lord_t
post
Post #7





Grupa: Zarejestrowani
Postów: 603
Pomógł: 131
Dołączył: 24.07.2007
Skąd: Górny Śląsk

Ostrzeżenie: (0%)
-----


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ł.


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 06:36