JQuery UI Rotation des onglets et des événements

Question

Je travaille avec JQuery UI (onglets rotatifs) et j'aimerais savoir comment arrêter le cycle lorsqu'un événement onclick survient sur l'un des onglets de navigation.

$(document).ready(function(){ 
       $("#sws_featured > ul").tabs({fx:{opacity: "toggle"}}) 
             .tabs("rotate", 5000,true); 
}); 

J'ai essayé d'ajouter ce code, juste en dessous (et aussi à l'intérieur .ready) le code ci-dessus mais en vain. J'ai confirmé que cette fonction ci-dessous reçoit l'événement onClick mais la rotation ne s'arrête pas.

$("#sws_featured > ul a").click(function(){ 

      $("#sws_featured > ul").tabs("rotate", 0, false); 

    }); 

Impossible d'accéder à l'objet correctement ... Des idées?

Answer 1

Je l'ai résolu cette question EXACT en utilisant la dernière bibliothèque jQueryUI (1.8. 2 dans mon cas, mais je suppose que 1.7.3 fonctionne également pour les personnes utilisant la version jQuery ci-dessous 1.4

Et une fois y ous commencer à utiliser dernière version jQueryUI, vous devez changer le code:

jQuery("#tabs").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 3000); 

au lieu de "#tabs> ul".

Après cela, sur tout événement que vous voulez arrêter la rotation, lier la fonction:

jQuery(".rotatestopperitem").bind('click', function() {  
     jQuery("#featured").tabs("rotate",0,false); 
    }); 

Answer 2

Cela devrait fonctionner:

$("#sws_featured > ul").tabs().tabs("rotate", 0, false); 

Answer 3

Essayez cette

$ (function() {

 $('#sws_featured > ul').tabs({ fx: { opacity: 'toggle' } }).tabs('rotate', 2000); 

     }); 

Answer 4

Saw cette solution affichée ici: http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/

Vous pourriez être en mesure de le modifier pour travailler votre contexte.