Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/r/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导下拉菜单jQuery与其他库冲突?_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 引导下拉菜单jQuery与其他库冲突?

Javascript 引导下拉菜单jQuery与其他库冲突?,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我已经在上安装了一些jQuery组件,一个引导下拉菜单、一个横幅滑块和一个内容滑块 当前,下拉菜单不工作,而横幅滑块和内容滑块工作正常。 我曾尝试从内容滑块禁用jQuery链接(这使下拉菜单恢复工作),因此我知道它们相互冲突 下拉菜单jQuery位于此处: <script src="http://www.helpmyedu.com/wp-content/themes/parallelus-moxie/assets/js/jquery.js"></script> <

我已经在上安装了一些jQuery组件,一个引导下拉菜单、一个横幅滑块和一个内容滑块

当前,下拉菜单不工作,而横幅滑块和内容滑块工作正常。 我曾尝试从内容滑块禁用jQuery链接(这使下拉菜单恢复工作),因此我知道它们相互冲突

下拉菜单jQuery位于此处:

<script src="http://www.helpmyedu.com/wp-content/themes/parallelus-moxie/assets/js/jquery.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

内容滑块jQuery位于此处:

<script src="http://www.helpmyedu.com/wp-content/themes/parallelus-moxie/assets/js/jquery.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

我怎样才能把它们结合起来呢

谢谢

=======更新====================================================

我出于某种原因删除了该行:

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

一切顺利

谢谢大家

请参阅控制台错误

删除此代码,您的下拉列表将正常工作。
包括在内吗
如果要在
上显示菜单,请悬停


请参见

我认为您不需要调用相同的脚本

<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.102*(c)2005, 2013 jQuery基金会,JQuyr.Org/Lub
//@sourceMappingURL=jquery-1.10.2.min.map
*/
/*! jQuery V1.102*(c)2005, 2013 jQuery基金会,JQuyr.Org/Lub
//@sourceMappingURL=jquery.min.map
*/
它们的来源不同,但都是jqueryv1.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>

//非常简单易用!
$(文档).ready(函数(){
$('.js已激活').dropdownhave().dropdown();
});
我认为您必须删除jQuery#1,并将其他两个脚本与下面的其他脚本一起移动,如下所示:

<!-- 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>

//非常简单易用!
$(文档).ready(函数(){
$('.js已激活').dropdownhave().dropdown();
});

问题在于,您的资源在初始页面加载时没有正确加载,这就是您的下拉列表无法工作的原因。我已经有一段时间没有制作Wordpress主题了。但是如果你要在wordpress中使用一个主题,那么你的主题的所有内容都应该主要位于“content/themes/“theme的名称”中

您有一个名为asdtest的文件夹,其中有一个索引文件,该文件正在测试下拉悬停的初始化,然后您将调用dropdown()remove,就像这样

$('.js-activated').dropdownHover();
文档中说,你可以使用javascript或数据属性使其工作,所以选择一种方法,现在你可以同时尝试这两种方法


我试图指出这一点,但我认为你的问题在于wordpress主题文件夹的结构以及索引页最初是如何使用的。尝试环顾四周,看看是什么阻止了您的资源加载,我认为您可能是个好人。

您指的是哪一个下拉列表?它们似乎都很有效?最上面的那些,上面写着“事件”和“iaeMembership”删除。dropdownHover()无法解决问题。。。另外,是的,我已经包含了twitter-bootstrap-hover-dropdown.js,但仍然没有成功。我尝试删除这一行:即使我复制了同一行并替换了另一行,它仍然不起作用——我遗漏了什么吗?谢谢,我想我明白你的意思了。然而,我上面提到的jQuery的前两行位于第33行和第327行,但是您已经在第76行指出了另一个重复的jQuery文件。。。。我不太确定如何删除第76行的行(因为我在header.php中没有看到它)。。。有什么建议吗?如果ide中有“全部查找”选项,请尝试在代码[在网站应用程序中]中查找文档名称,以确定文档嵌入的确切位置。Rick,谢谢您的评论。我很确定所有的定制都是在主题文件夹中编辑的。没有“asdtest”文件夹,出于测试目的,它只是我从当前主页复制的一个“页面”。。。我知道问题在的第33行和第327行之间,但我不知道如何解决它!