引导下拉菜单jQuery与其他库发生冲突？
引导下拉菜单jQuery与其他库发生冲突？
提问于 2013-11-12 01:00:58
我已经在jQuery上安装了一些我的网站组件，一个引导下拉菜单，一个横幅滑块和一个内容滑块。
当前，下拉菜单不能工作，而横幅滑块和内容滑块工作良好。我试图从内容滑块中禁用jQuery链接(这使下拉菜单恢复工作)，所以我知道它们是相互冲突的。
下拉菜单jQuery位于以下位置：
<script src="http://www.helpmyedu.com/wp-content/themes/parallelus-moxie/assets/js/jquery.js"></script>内容滑块jQuery位于以下位置：
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>我怎么才能把它们结合起来？
谢谢
=======UPDATE====================================================
由于某种原因，我删除了这一行：
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>一切顺利.
谢谢你们！
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-11-12 01:34:02
我想你不需要调用相同的脚本。
<script src="http://www.helpmyedu.com/wp-content/themes/parallelus-moxie/assets/js/jquery.js"></script>
/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
//@ sourceMappingURL=jquery-1.10.2.min.map
*/
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
//@ sourceMappingURL=jquery.min.map
*/它们有不同的来源，但都是jQuery v1.10.2。只需使用一个，并将其置于您正在使用的另一个javascript之上。
注意:我的答案是基于：
当前，下拉菜单不能工作，而横幅滑块和内容滑块工作良好。我试图从内容滑块中禁用jQuery链接(这使下拉菜单恢复工作)，所以我知道它们是相互冲突的。
基于上面提供的源url，您的标记中有这样的内容：
<!-- jQuery #1 --><script src="http://www.helpmyedu.com/wp-content/themes/parallelus-moxie/assets/js/jquery.js"></script>
<script src="http://www.helpmyedu.com/wp-content/themes/parallelus-moxie/assets/js/twitter-bootstrap-hover-dropdown.js"></script>
<script>
// very simple to use!
$(document).ready(function() {
$('.js-activated').dropdownHover().dropdown();
});
</script>
<!-- CSS Embedded Here.. -->
<!-- jQuery #2 --><script type='text/javascript' src='http://www.helpmyedu.com/wp-includes/js/jquery/jquery.js?ver=1.10.2'></script>
<script type='text/javascript' src='http://www.helpmyedu.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<script type='text/javascript' src='http://www.helpmyedu.com/wp-content/plugins/alligator-popup/js/popup.js?ver=1.0.0'></script>
<script type='text/javascript' src='http://www.helpmyedu.com/wp-content/plugins/iphorm-form-builder/js/iphorm.js?ver=1.4.4'></script>
<script type='text/javascript' src='http://www.helpmyedu.com/wp-includes/js/swfupload/swfupload.js?ver=2201-20110113'></script>
<script type='text/javascript' src='http://www.helpmyedu.com/wp-includes/js/swfobject.js?ver=2.2-20120417'></script>
<script type='text/javascript' src='http://www.helpmyedu.com/wp-includes/js/swfupload/plugins/swfupload.swfobject.js?ver=2201a'></script>
<script type='text/javascript' src='http://www.helpmyedu.com/wp-includes/js/swfupload/plugins/swfupload.queue.js?ver=2201'></script>
<script type='text/javascript' src='http://www.helpmyedu.com/wp-content/plugins/revslider/rs-plugin/js/jquery.themepunch.plugins.min.js?ver=3.7.1'></script>
<script type='text/javascript' src='http://www.helpmyedu.com/wp-content/plugins/revslider/rs-plugin/js/jquery.themepunch.revolution.min.js?ver=3.7.1'></script>
<script type='text/javascript' src='http://www.helpmyedu.com/wp-content/themes/parallelus-moxie/assets/js/modernizr-2.6.2-respond-1.1.0.min.js?ver=2.6.2'></script>我认为您必须删除jQuery#1，并将其他2个脚本与下面的其他脚本一起移动，如下所示：
<!-- CSS Embedded Here.. -->
<!-- jQuery #2 --><script type='text/javascript' src='http://www.helpmyedu.com/wp-includes/js/jquery/jquery.js?ver=1.10.2'></script>
<script src="http://www.helpmyedu.com/wp-content/themes/parallelus-moxie/assets/js/twitter-bootstrap-hover-dropdown.js"></script>
<script>
// very simple to use!
$(document).ready(function() {
$('.js-activated').dropdownHover().dropdown();
});
</script>
<script type='text/javascript' src='http://www.helpmyedu.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<script type='text/javascript' src='http://www.helpmyedu.com/wp-content/plugins/alligator-popup/js/popup.js?ver=1.0.0'></script>
<script type='text/javascript' src='http://www.helpmyedu.com/wp-content/plugins/iphorm-form-builder/js/iphorm.js?ver=1.4.4'></script>
<script type='text/javascript' src='http://www.helpmyedu.com/wp-includes/js/swfupload/swfupload.js?ver=2201-20110113'></script>
<script type='text/javascript' src='http://www.helpmyedu.com/wp-includes/js/swfobject.js?ver=2.2-20120417'></script>
<script type='text/javascript' src='http://www.helpmyedu.com/wp-includes/js/swfupload/plugins/swfupload.swfobject.js?ver=2201a'></script>
<script type='text/javascript' src='http://www.helpmyedu.com/wp-includes/js/swfupload/plugins/swfupload.queue.js?ver=2201'></script>
<script type='text/javascript' src='http://www.helpmyedu.com/wp-content/plugins/revslider/rs-plugin/js/jquery.themepunch.plugins.min.js?ver=3.7.1'></script>
<script type='text/javascript' src='http://www.helpmyedu.com/wp-content/plugins/revslider/rs-plugin/js/jquery.themepunch.revolution.min.js?ver=3.7.1'></script>
<script type='text/javascript' src='http://www.helpmyedu.com/wp-content/themes/parallelus-moxie/assets/js/modernizr-2.6.2-respond-1.1.0.min.js?ver=2.6.2'></script>Stack Overflow用户
发布于 2013-11-12 01:23:22
Stack Overflow用户
发布于 2013-11-12 04:37:36
问题是您的资源在初始页面加载时没有正确加载，这就是为什么您的下拉列表无法工作的原因。我已经有一段时间没有做过Wordpress主题了。但是，如果您要在wordpress中使用一个主题，那么主题的所有内容都应该主要位于‘content /themes/’the name of theme‘中。
您有一个名为asdtest的文件夹，它有一个索引文件，该索引文件正在测试一个初始化、下拉悬停、然后调用下拉列表()，如下所示。
$('.js-activated').dropdownHover();文档说，您可以使用javascript或数据属性使其工作，所以选择一个方法，现在您正在尝试两者。
我试图指出它，但我认为您的问题是在结构的wordpress主题文件夹和该索引页是如何使用最初。试着环顾四周，看看是什么阻止了你的资源加载，我认为你可能很好。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19919014
复制相关文章
相似问题
腾讯云开发者
