当放置在一起时，页面上的多个JQuery元素不起作用

Question

我正在使用Yahoo的Jquery Zweather feed设计一个网站。 我想将大图像制作成褪色至下一张图像的画廊。

我尝试添加jcobb基本滑块。 滑块工作正常，但是Jquery Zweather提要停止工作。 我认为这可能与最外层div中的jcobb基本滑块“触发器”有关，或者可能与库有关。

我放弃了使用滑块，但仍想使用它。 您可以在页面上放置多个Javascript / Jquery项目吗？ 如果一个项目具有“触发器，而另一个则没有”怎么办？如果您好奇，我正在研究的站点是：

www.orangeburgcounty.org/countyWebsite/index.asp

Answer 1

您可以尝试一些方法来使其正常工作。

1. 确保将脚本拖入页面，一种检查方法是使用Chrome调试器中的“源”标签，然后在html头部分中搜索其他文件

2. 包含jQuery之后，请确保包含了datatale脚本，因为它肯定是依赖于此的。

3. 检查是否正确且仅一次包含了jQuery。

4. 当心jQuery冲突。 还有其他一些库会覆盖$，因此您的代码无法正常工作，因为$不再是jQuery的别名。 您可以使用jQuery.noConflict()来避免与页面上使用相同变量$的其他库发生冲突。

5. 检查Chrome / FireBug开发人员工具中的JS错误。