Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] Problem z TABS'ami
Forum PHP.pl > Forum > XML, AJAX
Sokon
Witam,

mam mały problem z tabs'ami.

Tak je tworzę w jQuery ( plik scripts.js ):
  1. $( "#main-menu" ).tabs();


A tak wyglądają w HTML:
  1. <div id="main-menu">
  2. <ul>
  3. <li><a href="includes/forms/form-list.php">Formy</a></li>
  4. <li><a href="includes/subcontractors/subcontractor-list.php">Podwykonawcy</a></li>
  5. <li><a href="includes/dicts/dicts.php">Słowniki</a></li>
  6. </ul>
  7. <div id="main-menu-1"></div>
  8. </div>


Problem polega na tym, że w pliku scripts.js mam różne inne funkcję które mają odziaływać na załadowany plik, np. w pliku form-list.php jest lista form i za pomocą jQuery chcę pokolorować wiersz nad którym znajduje się kursor:
  1. $( "tr.fs-tbody-row" ).hover(
  2. function() { $(this).children( "td" ).addClass( "ui-state-active" ); },
  3. function() { $(this).children( "td" ).removeClass( "ui-state-active" ); }
  4. );


Kod ten w żaden sposób tego nie robi wiem, że się da bo już kiedyś miałem podobny problem ale za cholerę nie mogę znaleźć rozwiazania.
Arcioch
jQuery live(), on() lub delegate() w zależności od tego jaką masz wersję jQuery smile.gif
Sokon
Wersja jquery-1.8.0.min.js, ale jak byś mógł podać jakiś przykład zastosowania jeszcze, to byłbym wdzięczny :-)
Arcioch
  1. $("tr.fs-tbody-row").on({
  2. mouseenter: function(){
  3. $(this).children( "td" ).addClass( "ui-state-active" );
  4. },
  5. mouseleave: function(){
  6. $(this).children( "td" ).removeClass( "ui-state-active" );
  7. }
  8. });


Sprawdź tak wink.gif
Sokon
Działa tak:
  1. $("tr.fs-tbody-row").live({
  2. mouseenter: function(){
  3. $(this).children( "td" ).addClass( "ui-state-active" );
  4. },
  5. mouseleave: function(){
  6. $(this).children( "td" ).removeClass( "ui-state-active" );
  7. }
  8. });

Dzięki

------------------------------------------------------------------

Kuźwa znowu utknąłem, taka sama sytuacja, tyle, że tym razem w pliku form-list.php do taba ładuje mi się jQuerowy button
  1. <button id="add-form">Dodaj formę</button>

i za cholerę nie mogę go zdefiniować, powinno być tak:
  1. $( "#add-form" ).button({
  2. icons: {
  3. primary: "ui-icon-locked"
  4. },
  5. text: true
  6. });

ale z racji tego, że ładowany to pewnie z użyciem live, ale kombinuje i nie mam pomysłu jak go użyć.
Arcioch
Pokaż jak ładujesz dane do tego taba wink.gif
Chodzi Ci o to że ładuje Ci html a nie wykonuje się jego zmiana po wczytaniu tak ?
Sokon
W pierwszym poście jest opisane jak są łądowane dane :-)
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.