Réinitialisation des fonctions avec chargement du fichier html externe

Question

Mon document html contient déjà un fichier scripts.js. Mais j'ai besoin de re-travailler toutes les fonctions dans le fichier scripts.js avec le chargement des fichiers html externes.

$("#loader").load('projects/project_01.html', function() { 
    $.getScript("js/scripts.js"); 
}); 

Il appelle le fichier de scripts mais les fonctions ne fonctionnent plus. Comment puis-je re-travailler toutes les fonctions dans le fichier scripts.js avec chaque charger de nouveaux fichiers?

Answer 1

si scripts.js est déjà chargée, vous probablement avez juste besoin de faire quelque chose dans ce fichier comme:

// group content funcionality into function(s) 
function contentInit(){ 
    $('button').doSomething(); 
    $('input').change(doSomethingElse);  
} 

// initial page load 
$(document).ready(function(){ 
    // for initial page content 
    contentInit(); 

    $("#loader").load('projects/project_01.html', function() { 
     // for ajax loaded content 
     contentInit(); 
    }); 
}); 

Maintenant, vous appelez simplement des fonctions qui existent déjà après le chargement du nouveau contenu