Question

我在页面中使用自定义滚动和手风琴，但是当我将两个插件的脚本都放在页面中时，其中任何一个都无效。我试图将两者合并，但它仍无效。

这是我的每个插件的脚本

自定义滚动

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

对于手风琴

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

Answer 1

您正在使用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>

或看到这篇文章：Inclusion of more than two jquery libraries

从以上帖子中摘录：

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

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

另请参阅：jQuery.noConflict

脚本文件相互冲突

1 个答案: