Uncaught TypeError: Property '$' of object [object DOMWindow] is not a function

Question

I am getting an : Uncaught TypeError: Property '$' of object [object DOMWindow] is not a function error in Chrome with my script.

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

Does anyone know what could be wrong here?

Is there any javascript which calls these functions? Are you including the jquery library? — evasilchenko, Aug 09 '11 at 07:30

score 18 · Answer 1 · edited Jan 31 '12 at 07:18

18

Chrome does load other libraries that make the use of $ symbol on other purposes, so you have to use jquery no conflict. on of the way is to change the $ symbol with jQuery

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

change to

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

edited Jan 31 '12 at 07:18

oers

18,436
13
66
75

answered Jan 31 '12 at 06:03

sanusi

181
1
2

score 6 · Answer 2 · answered Aug 09 '11 at 07:31

My guess is that jquery was not loaded before run of one of these methods, so or it's not included before run of these methods, or there's some error causing it to not load properly. Normally this should "just work" (at least not throw that kind of error message)

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

I was using an old jquery library - it is working now ! Thank you — Jasper, Aug 09 '11 at 07:39

score 1 · Answer 3 · answered Jul 25 '12 at 16:13

1

No mather the time.. I found a solution that worked for me.

Instead of

$("#slidingDiv")

try

jQuery("#slidingDiv")

the other options weren´t usefull for me.

answered Jul 25 '12 at 16:13

George

371
5
16

score 0 · Answer 4 · answered Jan 09 '13 at 10:06

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

score 0 · Answer 5 · answered Jan 08 '14 at 20:41

0

make sure jQuery.noConflict() isn't being called. Calling it won't allow the use of the $ shorthand notation.

answered Jan 08 '14 at 20:41

ContextSwitch

2,830
6
35
51

Uncaught TypeError: Property '$' of object [object DOMWindow] is not a function

5 Answers5

Linked