Question

我是jQuery的新手。基本上我有一个主页面（使用jQuery），我想在div中包含另一个也有jQuery的页面。我所做的就是在特定的div中写下这段代码：

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

如果我这样做，子页面中的jQuery就会停止工作。主页面中的jQuery函数也停止工作，但如果我删除此链接

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

从子页面

在主页面中工作。

那么，我做错了什么？你应该如何在另一个页面中包含一个jQuery页面？

Answer 1

这是因为你多次包含jQuery。您可以创建一个小脚本来检查页面上是否存在jQuery，并且只有在不存在时才加载它：

// '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);
});

在主jQuery页面中包含一个jQuery页面

2 个答案: