I am getting the following error
Uncaught TypeError: Property '
$' of object [object global] is not a function in line 2:
Using the following code:
$(document).ready(function() {
$('#tabs > ul').tabs({ fx: { opacity: 'toggle' } });
$('#featuredvid > ul').tabs();
});
The problem appears local at 127.0.0.1 only, while same code OK online! I'm dazzled, any ideas?
I had pretty much same problem. The error message says
TypeError: $ is not a function
$(document).ready(function() {
The line in my code that was throwing error is this :
$(document).ready(function(){
In my case the problem is that $ is not recognized as jquery. I had to replace $ with the keyword jQuery. So finally i changed my code like this:
jQuery(document).ready(function(){
And it worked.
I got the same error and solve it by adding
var $ = jQuery;
as a global var on my script
It might be the version of jQuery or something along those lines. I had this exact problem - I was using a local copy of jQuery (version 1.3.2) and then switched to http://code.jquery.com/jquery-latest.pack.js and suddenly it worked (latest at the time was 1.4.1).
I also had some of the issues you mentioned about "Resource interpreted as script but transferred with MIME type text/plain". I think that's safe to ignore for this particular problem as it still shows up for me even though my javascript is working now.