Question

我是html / php的新手并试图让Jquery工作。我已经从网络上的教程中选择了这些来做一些事情。只要用户单击页面上的按钮并且单独完成工作，前2个脚本就会处理弹出窗口。第三个允许我刷新页面上的数据而不重新加载整个页面（即加载关于产品的评论）。当我添加第三个脚本时，它完全正常，但它打破了前两个项目。

前两个项目在页面底部有一个div窗口。当此操作停止时，它将在页面上以可视方式显示2个div，您无法使用该按钮打开叠加层。我看到jquerys来自两个不同的网站，我想知道这是否是导致问题的原因？

我非常感谢这个问题的帮助。

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>

Answer 1

当你有

时

<script src="//code.jquery.com/jquery-1.10.2.js"></script>

然后你不需要添加，因为jquery.min.js是jquery.js的紧凑版本（但它的版本是1.3.0，你已经有1.10.2了）< / p>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>

您还需要在其他js库的顶部添加jquery库jquery-1.10.2.js。在你的情况下，你做对了。所以只要保持低于libs

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>

Answer 2

jquery-ui和jquery可以共同生活。但是，您不应该同时拥有两个版本的jquery。根据代码，它不会导致每个人说错误。

请在chrome或firefox中打开你的控制台，看看是否有任何脚本错误。这可能会帮助您调试。

因此，对于您的代码，您可以这样做：

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>

出于开发目的，您可能需要非缩小版本，也可以在此处找到：https://developers.google.com/speed/libraries/devguide

Answer 3

感谢大家的帮助。将我指向“developers.google.com”非常有帮助。问题是，当我使用“1.3.0”脚本时，它会使所有的jquerys使用而不是“1.10.2”。为了让我解决它，我更新/降级到版本“1.7”。现在两个脚本都完美无缺。再次感谢。

多个Jquery脚本无法正常工作

3 个答案: