Undefined javascript function in MVC view

Question

I have a simple javascript function

function SayTest() {
    alert("test");
}

I include the javascript file in my MVC 4 view

<script type="javascript" src="~/Scripts/MyScripts/MyScript.js"></script>

and call the SayTest function from within my view

<script type="text/javascript">
    $(document).ready(function () {
        $("#myBtn").click(function () {
            SayTest();
        });
    });
</script>

I'm getting an undefined function error. This is driving me nuts. If the js file was included and the function is define, why do I get an undefined function error?

MVC 4? If yes , you have to add the Bundle in BundleConfig.cs (RegisterBundles method) — Cornel Urian
– Cornel Urian, Commented Jul 16, 2013 at 6:08
Bring up Fiddler (or your favorite dev tools) and see if the script if being loaded (make sure you CTRL+F5 to disregard the cache). — volpav
– volpav, Commented Jul 16, 2013 at 6:09
Actually your jquery is not loaded yet just load jquer before you invoke the script — hackp0int
– hackp0int, Commented Jul 16, 2013 at 6:14

Microsoft DN · Accepted Answer · 2013-07-16 06:17:24Z

3

Try using :

<script type="text/javascript" src="~/Scripts/MyScripts/MyScript.js"></script>

edited Jul 16, 2013 at 6:17

answered Jul 16, 2013 at 6:05

Microsoft DN

10.1k10 gold badges54 silver badges74 bronze badges

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

7 Comments

volpav Over a year ago

That is not going to work. If you omit the closing tag (or use a shorthand version with "/>" at the end), the browser won't load the script.

rossipedia Over a year ago

Even fixed, that's the exact line he said he's already using.

Andre Lombaard Over a year ago

Thank you didn't even see that I used 'javascript' instead of 'text\javascript'

Microsoft DN Over a year ago

@user65439: Please mark as correct answer as it may help others

rossipedia Over a year ago

@MicrosoftDJ you're right! My bad. If you edit your answer I can remove the downvote.

|

rossipedia · Accepted Answer · 2013-07-16 06:10:17Z

0

You probably need to include jQuery into your View page:

<script type="text/javascript" src="~/Scripts/jquery.min.js"></script>

Make sure that's before any code that calls $().

(Note: You might have to change the exact filename to match what's in your project).

answered Jul 16, 2013 at 6:10

rossipedia

59.8k10 gold badges95 silver badges94 bronze badges

1 Comment

Simon Whitehead Over a year ago

Its doubtful the script engine got to "undefined function" during a click .. before hitting "$ is not defined" with no jQuery included.

Collectives™ on Stack Overflow

Undefined javascript function in MVC view

2 Answers 2

7 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related