Javascript 脚本文件相互冲突

我在一个页面中使用自定义卷轴和手风琴，但当我把两个插件的脚本都放在页面中时，tat中的任何一个都不起作用。我试图合并两者，但仍然不起作用

下面是我为每个插件编写的脚本

用于自定义滚动

<script type="text/javascript" src="js/jquery.min1.7.2.js"></script>
<script type="text/javascript" src="js/jquery.tinyscrollbar.min.js"></script>
 <script type="text/javascript">
        $(document).ready(function(){
            $('#scrollbar1').tinyscrollbar();   
             $('#maintab').tabs();              
        });
    </script>

$（文档）.ready（函数（）{
$（'#scrollbar1'）。tinyscrollbar（）；
$（'#maintab'）.tabs（）；
});

手风琴

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/accordion.js"></script>
<script type="text/javascript">
jQuery().ready(function(){  
    // applying the settings
    jQuery('.theMenu').Accordion({
        active: 'h3.selected',
        header: 'h3.head',
        alwaysOpen: false,
        animated: true,
        showSpeed: 400,
        hideSpeed: 800
    });
}); 
</script>

jQuery（）.ready（函数（）{
//应用设置
jQuery（'.theMenu'）。手风琴({
活动：“h3.已选定”，
标题：“h3.head”，
alwaysOpen:错，
是的，
显示速度：400，
隐藏速度：800
});
}); 

您正在使用2个Jquery库。在所有脚本的顶部只使用一个（最新的一个），因此您的代码应该如下所示：

<script type="text/javascript" src="js/jquery.min1.7.2.js"></script>
<script type="text/javascript" src="js/jquery.tinyscrollbar.min.js"></script>
<script type="text/javascript" src="js/accordion.js"></script>

或参阅以下帖子：

摘自上述帖子：

<script src="http://code.jquery.com/jquery-1.7.2.js"></script>
<!-- other scripts that depend on 1.7.2 --->
<script>
    var $.1.7.2 = $.noConflict(true);
</script>

<script src="http://code.jquery.com/jquery-1.2.6.js"></script>
<!-- other scripts that depend on 1.2.6 --->
<script>
    var $.1.2.6 = $.noConflict(true);
</script>

var$.1.7.2=$.noConflict（真）；
var$.1.2.6=$.noConflict（真）；

许多JavaScript库使用$作为函数或变量名，就像jQuery一样。在jQuery的例子中，$只是jQuery的别名，所以所有功能都可以使用，而不需要使用`。如果我们需要在jQuery旁边使用另一个JavaScript库，我们可以通过调用$.noConflict（）将$的控制权返回给另一个库：

---

另请参见：

可能是因为它们被缩小了，并且某些函数可能会相互干扰，具有相同的名称。我尝试只添加一个库文件，但仍然不起作用。我使用了另一个手风琴，现在可以正常工作。但有一个问题，我们如何在一页中使用同一个手风琴两次？如果它有id，我不能，如果我把它改成class，两个r的行为都是相似的。你有没有其他插件可以在同一个页面中为多个accorfion工作？你可以通过多次启动accordion函数（具有不同的id），比如

jQuery（'#id1'）。accordion（{}）

和

jQuery（'#id2'）。accordion（{}）

等等…var nestedAccordion=new TINY.acordion.slider（“nestedAccordion”）；nestedAccordion.init（“嵌套”、“h3”、1、-1、“acc选定”）；这是我用于手风琴的代码。如何使用此代码制作多个手风琴最后一个问题：）上面的示例很好，但默认情况下如何关闭所有选项卡？默认情况下，不会在该代码中打开第一个选项卡