Inclure une page jQuery dans une page principale jQuery

Question

Je suis nouveau sur jQuery. Fondamentalement, j'ai une page principale (avec jQuery) et je veux inclure dans une autre page div qui a aussi jQuery. Ce que je fais est d'écrire dans ce div particulier ce code:

<?php 
    $path = $_SERVER['DOCUMENT_ROOT']; 
    $path .= "/ong/new/index.php"; 
    include_once($path); 
?> 

Si je fais le jQuery dans la page des enfants cesse de fonctionner. Les fonctions jQuery dans la page principale arrête aussi travailler, mais si je supprime ce lien

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script> 

de la page des enfants, il travaille dans la page principale.

Alors, qu'est-ce que je fais de mal? Comment devriez-vous inclure une page jQuery dans un autre?

Answer 1

C'est parce que vous utilisez jQuery plusieurs fois. Vous pouvez faire petit script pour vérifier si jQuery est présent sur la page, et seulement si n'est pas présent, chargez-le:

// 'load-jquery.js' 
window.onload = function() { 
    if (window.jQuery === undefined) { 
    var script = document.createElement('script'); 
    script.src = 'path/to/jquery.min.js'; 
    document.getElementsByTagName('head')[0].appendChild(script); // load jQuery 
    } 
}; 

Answer 2

html

<div id="result"></div> 

js

$('#result').load('<?php echo $path; ?>', function(data) { 
    $(this).append(data); 
});