2015-02-12 48 views
0

我是新来的HTML/PHP,并试图让Jquery工作。我从网上的教程中挑选了这些内容来做一些事情。前两个脚本处理一个弹出式窗口,只要用户点击页面上的按钮并自行完成工作。第三次允许我刷新页面上的数据,而无需重新加载整个页面(即加载有关产品的评论)。当我添加第三个脚本时,它工作得很好,但它打破了前两个项目。多个Jquery脚本不工作

前两项在页面底部有一个div窗口。当停止工作时,它会在页面上直观地显示2个div,并且不能使用该按钮打开覆盖。我看到jquerys来自2个不同的网站,我想知道这是什么原因造成的问题?

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

<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> 
+2

请分享您迄今尝试过的一些相关代码 – 2015-02-12 04:38:45

回答

0

当你有

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

那么你就不需要添加,怎么jquery.min.jsjquery.js紧凑的版本(但它是版本1.3.0,你已经有了1.10.2上它的顶部)

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

还需要在其他JS库的顶部添加jQuery库jquery-1.10.2.js始终。在你的情况下你确实是正确的。所以只是保持在库下

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

您是否认为由于我在底部有“1.3.0”(或通常使用它),它取代了“1.10.2”版本?我试图在没有它的情况下运行它,但仍然有相同的问题。我也尝试从中删除“min”,但仍然没有任何结果。 – dbooher2011 2015-02-12 05:00:14

+0

请分享您尝试过的HTML代码并分享错误的屏幕截图。如果可能,发布jsfiddle链接。 – 2015-02-12 05:03:16

0

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

+0

我在chrome中运行它,并收到以下错误,“Uncaught TypeError:undefined不是函数”。看起来,当我在那里使用第三个选项时,它看不到2个第一个jQuery脚本。如果没有第三个选项,该功能可以完美运行,但是当它到位时会引发问题。我会寻找“bla/bla/jquery.js”吗? – dbooher2011 2015-02-12 04:55:06

+0

你可以在某处复制屏幕截图吗?如果你点击行号,它会告诉你什么是错的。看看这个:https://developer.chrome。COM/devtools /文档/ JavaScript的调试#跟踪异常 – 2015-02-12 04:57:48

0

感谢大家的帮助。指点我“developers.google.com”非常有帮助。问题是,当我使用“1.3.0”脚本时,它会让所有的jquerys使用它而不是“1.10.2”。对于我来说,我更新/降级到版本“1.7”。现在这两个脚本工作得很好。再次感谢。