Question

我使用Jquery创建了3个元素：幻灯片显示，可拖动滑块和手风琴。每个都是独立创建的，所以我可以在任何项目中重用代码。所有工作完全分开。可拖动和幻灯片放映有一个我能够解决的冲突......但是一旦我添加了手风琴，它就无法正常工作了。我在以下组合页面中收到错误：

未捕获的TypeError：$（...）。accordion不是函数

但是在独立页面上，我没有收到此错误。我将此代码放在两个文档的头部：以下是所有文件和库链接（当我尝试解决问题时，有些链接已被注释掉：

 <!-- jQuery library (served from Google) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<!--<script src="js/jquery.bxslider.min.js"></script>-->
<!-- bxSlider CSS file -->
<link rel="stylesheet" type="text/css" href="styles/jquery.bxslider.css">
<!-- Scrollyeah js and css files -->
<!--<script src="js/jquery.js"></script>-->
<link rel="stylesheet" type="text/css" href="styles/scrollyeah.css">
<!--<script src="js/scrollyeah.js"></script>-->
<!-- Begin Accordian Links -->
<!--[if lte IE 8]>
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/selectivizr.js"></script>
<![endif]-->
<!--<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>-->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="styles/accordian.css">
            <script type="text/javascript">
$(function() {
    $( "#accordion" ).accordion({
        autoHeight: false,
        navigation: true
    });
});
</script>
 <script type="text/javascript" language="javascript">
var jq = jQuery.noConflict();

<script type="text/javascript">
$(function() {
    $( "#accordion" ).accordion({
        autoHeight: false,
        navigation: true
    });
});
</script>

关于为什么会发生这种情况的任何想法？在合并页面上发生的所有事情都会使得html没有样式化给手风琴div。

Answer 1

它应该是br $（..）。accordion（）;
不是$（..）。手风琴。 注意最后的副词。

与其他Jquery元素的Jquery Acordian错误

1 个答案: