Comment appeler document.ready (function()) routines au cours d'une .load() Appel

Question

J'ai la ligne suivante dans ma section document.ready(), soit

$(document).ready(function() 
{ 
    // initialize scrollable 
    $("#browsable").scrollable(); 
}); 

Tout cela fonctionne très bien au départ démarrage de la page, qui est mon option de menu "Accueil". Le problème est, j'ai un menu latéral où l'utilisateur clique sur une option, qui charge ensuite ma page html en utilisant jQuery .load(), basé sur l'option sélectionnée, comme "About Us". Mais lorsque l'utilisateur clique sur l'option de menu "Home", après avoir quitté la page "About Us", mon $("#browsable").scrollable(); n'est pas initialisé/rappelé de nouveau, ce qui cause des problèmes avec mon carrousel.

En utilisant cet appel .load(), comment puis-je l'obtenir pour refaire l'initialisation en utilisant $("#browsable").scrollable(); appel?

Merci.

Answer 1

Selon la documentation jQuery, vous pouvez définir un rappel dans l'appel de charge, comme ça ...

$('#result').load('ajax/test.html', function() { 
    $("#browsable").scrollable(); 
}); 

Source: http://api.jquery.com/load/

Answer 2

Jetez un oeil à la live method. Ou utilisez la fonction de rappel de la fonction de chargement pour initialiser le plug-in déroulant sur le contenu chargé, comme le suggère Sohnee.