Question

以下代码在添加到不包含任何jquery脚本的主代码时完美运行。

<script type="text/javascript" src="http://project.dimpost.com/flexslider-carousel/jquery.js"></script>
<script type="text/javascript" src="http://project.dimpost.com/flexslider-carousel/jquery.flexslider-min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $(window).load(function() {
        $('.flexslider').flexslider({
            animation: "fade",
            animationLoop: true,

        });
    });
});
</script>

但是当添加到已经有jquery元素的模板时，它在java控制台中给出了以下两个错误。

1.TypeError：$不是函数

2.不推荐使用getPreventDefault（）。请改用defaultPrevented。

然后我使用＆＃39; $。noConflict（）;＆＃39;修改了代码。为：

<script type="text/javascript" src="http://project.dimpost.com/flexslider-carousel/jquery.js"></script>
<script type="text/javascript">
$.noConflict();
jQuery(document).ready(function($) {
    jQuery(window).load(function($) {
        jQuery('.flexslider').flexslider({
            animation: "fade",
            animationLoop: true,

        });
    });
});
</script>

当添加到不包含任何jquery脚本的主代码时，这再次完美地工作。但是当添加到已经运行jquery的那个时，它再次出现如上所述的两个错误：

1.TypeError：$不是函数

2.不推荐使用getPreventDefault（）。请改用defaultPrevented。

解决方法是什么？

Answer 1

我不准确但它可能有用...，如果你使用任何其他脚本如ajax，Etc它会发生冲突......，像这样添加

 var jq = $.noConflict();   
   jq(document).ready(function() {
    jq(window).load(function() {
        jq('.flexslider').flexslider({
            animation: "fade",
            animationLoop: true,

        });
    });
});

Answer 2

谢谢你们所提供的所有人，但首先祝贺我（！），问题解决了。我按照以下步骤操作，代码已开始运行 -

我从https转到http（不太安全的平台，无法帮助）
取消两个jquery库中的一个，保持最新版本
显然，所有这些都是here这里给出的多个脚本，我测试了所有脚本，很多都可以工作。：）

即使在整改后也会出现相同的java控制台错

2 个答案: