Using jquery functions in MVC3- '$' is undefined

Question

I apologize for my lack of jquery knowledge. I'm using jquery 1.6.2, and trying to attach a jquery function to an ActionLink. Here is my jquery function:

    <script type="text/javascript">
    $("addOperation").click(function () {
       $.ajax({
          url: this.href,
          cache: false,
          success: function (html) { $("#editor_rows").append(html); }
       });
       return false;
    });
    </script>

When I navigate to the page containing the script, the debugger comes back with the following:

    Microsoft JScript runtime error: '$' is undefined

This is pointing at the first occurence of '$'. To me, this sounds like it's not recognizing that this is a jquery call, but I haven't had trouble with this in the past. Not to mention, MVC3 should bundle and render all of the jscript files before the app loads. Any suggestions for me?

Check as first thing your html code to see if the jquery reference is before this script — Claudio Redi
– Claudio Redi, Commented Jun 26, 2012 at 15:42
@Mathletics Microsoft always refers to it as JScript in their engine. — vcsjones
– vcsjones, Commented Jun 26, 2012 at 15:45
@vcsjones yes but it's also tagged jscript, which is probably not accurate. Editing. — Evan Davis
– Evan Davis, Commented Jun 26, 2012 at 15:46

Rob Stevenson-Leggett · Accepted Answer · 2012-06-26 16:28:59Z

3

Make sure your jquery script tag is above your script.
Wrap your code in the document.ready event:

E.g. for 1

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script src="/path/to/your.script"></script>

E.g. for 2

$(document).ready(function() { 
     //Your code here
});

or shorter:

$(function() { 
       //Your code here
});

This will ensure all the JavaScript has loaded before your code is executed.

edited Jun 26, 2012 at 16:28

answered Jun 26, 2012 at 15:47

Rob Stevenson-Leggett

35.8k21 gold badges93 silver badges142 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using jquery functions in MVC3- '$' is undefined

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related