appelant jquery de la page ajax

Question

Je parviens pas à utiliser jQuery avec page enfant

charge Parent.html Child.html comme ceci: à savoir l'utilisateur clique

<a href="#" id="n-email"> 

JQuery

$('a#n-email').click(function() { 


    $.ajax({ 
     type: "GET", 
     url: "/scripts/contact.js", 
     dataType: "script" 
    }); 

    $('#content').load("child.htm");    

}); 

contact.js

$(function() { 

    alert ("contact js hit"); 
} 

Cela fonctionne parfois. Mais je ne peux pas établir la logique pourquoi cela fonctionne. J'ai également essayé d'ajouter ajouter une référence à Jquery sur le gestionnaire également. J'ai l'impression de manquer un truc ici.

Merci à jake + lucus. J'ai le travail suivant. A besoin d'un refactoring, mais fonctionne

$ ('# n-email) cliquez sur (function() { var e = this;. reset (e);

var mypage = $('#contentemail').load("email.php"); 

    $.ajax({ 
      type: "GET", 
      url: "/scripts/contact.js", 
      dataType: "script", 
      success: function(mypage) 
      { 
       $(document).append(mypage); 
      } 
     }); 

    $('#contentemail').show();    

}); 

Answer 1

D'abord, vous devez . mettre une fonction de rappel dans la ajax jQuery en utilisant la propriété de succès Deuxièmement, vous cant mettez simplement javascript en un élément HTML qui fonctionnent doenst vous pouvez essayer d'utiliser eval Essayez ce code comme début:...

$('a #n-email').click(function() { 
    $.ajax({ 
      type: "GET", 
      url: "/scripts/contact.js", 
      dataType: "script", 
      success: function(value){eval(value)} 
     });  
}); 

Answer 2

Utilisation de $ (do cument) .append (content) supprimera toutes les balises de script du contenu et tentera de les évaluer. Donc vous pouvez aller

$('a #n-email').click(function() { 
    $.ajax({ 
      type: "GET", 
      url: "/scripts/contact.js", 
      dataType: "script", 
      success: function(result) 
      { 
       $(document).append(result); 
      } 
     });  
});