JQueryTools en direct?

Question

J'utilise JQuery Tools http://flowplayer.org/tools/ dans un grand projet. Les problèmes sont les suivants: Lorsque je charge une page à l'aide d'ajax, tous les éléments de JQuery Tools cessent de fonctionner. Je sais que je dois relier les événements ou utiliser jQuery.Live mais je ne sais pas comment faire cela avec JQuery Tools.

J'ai besoin des méthodes telles que

$(".element").overlay(...) 
$(".element").tabs(...) 

workin en direct après avoir utilisé jQuery.load() (Ajax)

Tout le monde sait comment faire s'il vous plaît?

Voici la mise à jour avec le ajax et le code en direct:

$(".commentlist h3 a").click(function() { 
    $('#container').html('loading').load('test.php #business-wrapper', function() { 
    alert('Load was performed.'); 
    }); 
    return false; 
}); 

Les test.php contiennent ce onglets et événement « charge » ne fonctionne pas avec un ajax sans ajax ne fonctionne pas non plus

$("ul.tabs").live('load', function() { 
    $(this).tabs("div.panes > div", { effect: 'fade', current: 'active', tabs: 'li' }); 
}) 

Merci.

Answer 1

Vous avez l'événement de chargement pour cela:

$.live('load', function(event) { 
    $(this).overlay(); 
}); 

Answer 2

Si vous remplacez vos éléments, alors vous devez ré-exécuter ce code sur eux dans votre ajax succès ou la fonction complète. Voici un exemple en faire une fonction (vous pouvez le dupliquer, est de le garder bien rangé/facile à entretenir):

function setupStuff(context) { 
    $(".element", context).overlay(...) 
    $(".element", context).tabs(...) 
} 

$.ajax({ 
    //Stuff... 
    success: function(data) { 
    //Stuff with results... 
    setupStuff(data); 
    } 
}); 

Dans document.ready appel initialement:

$(function() { 
    setupStuff(document); 
});