0

我在页面中使用自定义滚动和手风琴，但是当我将两个插件的脚本都放在页面中时，任何一个 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>

对于手风琴

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

1 回答 1

0

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

或查看这篇文章：包含两个以上的 jquery 库

从上面的帖子中提取：

<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

于 2012-07-24T09:00:50.983 回答