Question

我得到了一个：未捕获的TypeError：我的脚本在Chrome中对象[对象DOMWindow]的属性'$'不是函数错误。

<script type="text/javascript"> 
    function showSlidingDiv() {
        $("#slidingDiv").fadeToggle("slow", "linear");
    }
    function showSlidingDiv2() {
        $("#slidingDiv2").fadeToggle("slow", "linear");
    }         
    function showSlidingDiv3() {
        $("#slidingDiv3").fadeToggle("slow", "linear");
    }
</script>

有谁知道这里可能出现什么问题？

Answer 1

Chrome确实加载了其他用于其他目的的符号库，所以你必须使用jquery没有冲突。在路上是用jQuery改变$符号

$(function(){...});

更改为

jQuery(function(){...});

Answer 2

我的猜测是在运行其中一个方法之前没有加载jquery，所以或者在运行这些方法之前没有包含它，或者有一些错误导致它无法正确加载。通常这应该“正常工作”（至少不会抛出那种错误信息）

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript"> 
    function showSlidingDiv() {
        $("#slidingDiv").fadeToggle("slow", "linear");
    }
    function showSlidingDiv2() {
        $("#slidingDiv2").fadeToggle("slow", "linear");
    }         
    function showSlidingDiv3() {
        $("#slidingDiv3").fadeToggle("slow", "linear");
    }
</script>

Answer 3

没有时间......我找到了一个对我有用的解决方案。

而不是

$("#slidingDiv")

试

jQuery("#slidingDiv")

其他选项对我没用。

Answer 4

<script type="text/javascript"> 
var j = jQuery;
function showSlidingDiv() {
    j("#slidingDiv").fadeToggle("slow", "linear");
}
function showSlidingDiv2() {
    j("#slidingDiv2").fadeToggle("slow", "linear");
}         
function showSlidingDiv3() {
    j("#slidingDiv3").fadeToggle("slow", "linear");
}
</script>

Answer 5

确保没有调用jQuery.noConflict（）。调用它将不允许使用$简写表示法。

未捕获的TypeError：对象[对象DOMWindow]的属性'$'不是函数

5 个答案: