onglets jQuery: Transition arrive après mouseover

Question

J'utilise ce code:

$(document).ready(function() { $("#tabs").tabs({ event: 'mouseover', fx: { opacity: 'toggle', duration: 'slow' } }) });

qui fonctionne très bien si je soit le FX ou mouseover, mais si je combinons les deux, les émissions de contenu de l'onglet, et alors disparaît. Des idées?

Answer 1

Il peut y avoir un léger conflit ici avec event et fx, car les deux déclenchent quelque chose pour "afficher" le contenu. Vous devez désactiver le rappel "show" pour l'événement afin que fx puisse gérer l'affichage des marchandises (je pense que c'est si elles se rencontrent). Je ne sais pas comment faire cela hors de la boîte.

$(document).ready(function(){ 
    $("#tabs").tabs({ 
     // fx: { 
     // opacity: 'toggle', duration: 'slow' 
     // }, 
     event: 'mouseover', 
     show: function(event, ui) { 
     $("#"+ui.panel.id).fadeIn("slow"); 
     }, 
     select: function(event, ui) { 
     $("#"+ui.panel.id).hide(); 
     } 
    }); 
    }); 

Mais vous pouvez faire un « hack » de toutes sortes, et au lieu d'avoir des onglets gérer la fx, vous le faites vous-même via les callbacks d'événements.

Espérons que ce soit casher, je suis un prototype.