[jQuery] Problem z TABS'ami Opcje

[Sokon]

Witam,

mam mały problem z tabs'ami.

Tak je tworzę w jQuery ( plik scripts.js ):

[HTML] pobierz, plaintext 
$( "#main-menu" ).tabs();
[HTML] pobierz, plaintext 

A tak wyglądają w HTML:

[HTML] pobierz, plaintext 
      <div id="main-menu">
         <ul>
            <li><a href="includes/forms/form-list.php">Formy</a></li>
            <li><a href="includes/subcontractors/subcontractor-list.php">Podwykonawcy</a></li>
            <li><a href="includes/dicts/dicts.php">Słowniki</a></li>
         </ul>
         <div id="main-menu-1"></div>
      </div>
[HTML] pobierz, plaintext 

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:

[HTML] pobierz, plaintext 
   $( "tr.fs-tbody-row" ).hover(
      function() { $(this).children( "td" ).addClass( "ui-state-active" ); }, 
      function() { $(this).children( "td" ).removeClass( "ui-state-active" ); }
   );
[HTML] pobierz, plaintext 

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 (IMG:style_emoticons/default/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]

[HTML] pobierz, plaintext 
$("tr.fs-tbody-row").on({
  mouseenter: function(){
     $(this).children( "td" ).addClass( "ui-state-active" );
  },
  mouseleave: function(){
    $(this).children( "td" ).removeClass( "ui-state-active" );
  }
});
[HTML] pobierz, plaintext 

Sprawdź tak (IMG:style_emoticons/default/wink.gif)

[Sokon]

Działa tak:

[HTML] pobierz, plaintext 
    $("tr.fs-tbody-row").live({
    mouseenter: function(){
    $(this).children( "td" ).addClass( "ui-state-active" );
    },
    mouseleave: function(){
    $(this).children( "td" ).removeClass( "ui-state-active" );
    }
    });
[HTML] pobierz, plaintext 

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

[HTML] pobierz, plaintext 
<button id="add-form">Dodaj formę</button>
[HTML] pobierz, plaintext 

i za cholerę nie mogę go zdefiniować, powinno być tak:

[HTML] pobierz, plaintext 
      $( "#add-form" ).button({
      icons: {
         primary: "ui-icon-locked"
      },
      text: true
      });
[HTML] pobierz, plaintext 

ale z racji tego, że ładowany to pewnie z użyciem live, ale kombinuje i nie mam pomysłu jak go użyć.

Ten post edytował Sokon 10.10.2012, 15:13:56

[Arcioch]

Pokaż jak ładujesz dane do tego taba (IMG:style_emoticons/default/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 :-)