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, Jul 16 '13 at 06: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, Jul 16 '13 at 06:09
Actually your jquery is not loaded yet just load jquer before you invoke the script — hackp0int, Jul 16 '13 at 06:14
can you show the js callstack from your debug tool? from the information you supplied, it's hard to tell what's the problem, if like you said, your script is loaded and jquery is also loaded, there shouldn't be undefined error — Sean, Jul 16 '13 at 06:22

Microsoft DN · Accepted Answer · 2013-07-16T06:17:24.523

3

Try using :

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

edited Jul 16 '13 at 06:17

answered Jul 16 '13 at 06:05

Microsoft DN

9,706
10
51
71

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. – volpav Jul 16 '13 at 06:06
Even fixed, that's the exact line he said he's already using. – rossipedia Jul 16 '13 at 06:08
Thank you didn't even see that I used 'javascript' instead of 'text\javascript' – Andre Lombaard Jul 16 '13 at 06:09
@user65439: Please mark as correct answer as it may help others – Microsoft DN Jul 16 '13 at 06:12
@MicrosoftDJ you're right! My bad. If you edit your answer I can remove the downvote. – rossipedia Jul 16 '13 at 06:15
@rossipedia It would help other if you remove downvote also :) – Microsoft DN Jul 16 '13 at 06:16
@MicrosoftDJ it's my downvote (to the original answer) - sorry bro :) – volpav Jul 16 '13 at 06:18

score 0 · Answer 2 · answered Jul 16 '13 at 06:10

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 '13 at 06:10

rossipedia

56,800
10
90
93

Its doubtful the script engine got to "undefined function" during a click .. before hitting "$ is not defined" with no jQuery included. – Simon Whitehead Jul 16 '13 at 06:16

Undefined javascript function in MVC view

2 Answers2