Question

我遇到两个jquery脚本的问题：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script src="js/jquery.mCustomScrollbar.js"</script>
    <script src="js/jquery.counter.js"</script>
    <script src="js/html5shiv.js"></script>
    <script src="js/jquery.mSimpleSlidebox.js"></script>
    <script src="js/jquery.beemoNav.js"></script>
    <script src="js/script.js"></script>

当我说：

<script src="js/jquery.mCustomScrollbar.js"</script>

前

<script src="js/jquery.counter.js"</script>

滚动条工作，但不是计数器

和反之亦然

运行脚本的代码：

<script>
    $('.comdepress').mCustomScrollbar();
    $('.counter').counter(); // compteur de giga
</script>

这是我在firebug中遇到的错误：

TypeError: $(...).counter is not a function

$('.counter').counter(); // compteur de giga

不明白为什么

我使用的两个脚本的链接： scrollbar counter

感谢

Answer 1

您可以使用$.noConflict();

参考：http://api.jquery.com/jquery.noconflict/

<script>$.noConflict();</script>
<script src="js/jquery.mCustomScrollbar.js"></script>
<script src="js/jquery.counter.js"></script>
                     ------------^

而不是

<script src="js/jquery.mCustomScrollbar.js"</script>
<script src="js/jquery.counter.js"</script>

Answer 2

你的代码中有拼写错误

<script src="js/jquery.mCustomScrollbar.js"</script>

在关闭代码>

之前

缺少</script>

Answer 3

只需使用noConflict（）;在宣布js fi之前

两个jquery脚本冲突

3 个答案: