Can`t load JavaScript in ASP.NET

Question

I want to test a simple JavaScript function in ASP.NET.

Movies/Index.cshtml

<!-- My local JavaScript File -->
<script src="~/Scripts/JavaScript.js" type="text/javascript"></script>

<input type="button" id="getPeople" value="Get People"/>
<ul id="people_list"/>

Views/Shared/_Layout.cshtml

<script src="~/Scripts/jquery-2.2.3.js"></script>
<script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>
<script src="~/Scripts/MicrosoftAjax.js" type="text/javascript"></script>
<script src="~/Scripts/JavaScript.js" type="text/javascript"></script>

/Scripts/JavaScript.js

$(document).ready(function () 
{

});

$('#getPeople').click(function () 
{
    alert("getPeople");
}

I press the button but no alert appears. Why?

Because you are loading your javascript file before the #getPeople element, your click handler needs to be within the doc.ready block. Not after it. Is the unclosed click handler a copy-paste error or your actual code? — Turnip
– Turnip, Commented Nov 7, 2016 at 12:30
Is the click handler really outside of ready handler? If so, put it inside and that should do it — Andrei
– Andrei, Commented Nov 7, 2016 at 12:30
$(document).ready(function () { //Populate Contact //LoadContacts(); $('#getPeople').click(function () { alert("getPeople"); }); This not works — streamc
– streamc, Commented Nov 7, 2016 at 12:40

Daniel Corzo · Accepted Answer · 2016-11-22 20:18:00Z

3

The click handler of '#getPeople' should be inside $(document).ready

$(document).ready(function () 
{
    $('#getPeople').click(function () 
    {
        alert("getPeople");
    }
});

edited Nov 22, 2016 at 20:18

answered Nov 15, 2016 at 19:51

Daniel Corzo

1,0752 gold badges19 silver badges32 bronze badges

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

Comments

balazska · Accepted Answer · 2016-11-15 19:57:33Z

1

Make sure

to import jQuery first (before importing /Scripts/JavaScript.js)
to add click handler inside document's ready event.

Check the output of your composed page (for example Developer tools in the browser), if you are uncertain.

$(document).ready(function () {
    $('#getPeople').click(function () {
        alert("getPeople");
    });
});

answered Nov 15, 2016 at 19:57

balazska

1,0018 silver badges28 bronze badges

Collectives™ on Stack Overflow

Can`t load JavaScript in ASP.NET

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related