jQuery can't find element in ASP.NET MVC Project

Question

I am making a ASP.NET 3 MVC project, but it seems i can't make jQuery work properly.

In the view i have something like this:

<a id="login">lala</a>

Then in the .js file:

$("#login").click(function () {
    alert("lal");
});

The alert doesn't show on the screen. I've added the reference of my custom .js file in _Layout and updated to the newest library, but whatever I do I can't find any element. What am I doing wrong here :s

Is this wrapped in a $(document).ready() handler? If not, then your event won't work because it's trying to bind it before the DOM finished loading. — Only Bolivian Here
– Only Bolivian Here, Commented Apr 27, 2012 at 22:28
Assuming this is in the ready handler, this code works for me in jsfiddle using chrome: jsfiddle.net/4UkAg. You may want to add the href="#" attribute, otherwise the link won't appear clickable. — Kyle Trauberman
– Kyle Trauberman, Commented Apr 27, 2012 at 22:29

Only Bolivian Here · Accepted Answer · 2012-04-27 22:29:52Z

3

Try:

$(document).ready(function(){
    $("#login").click(function () {
        alert("lal");
    });
});

If this does solve your issue, google search for jquery document ready and read up on the tons of material already written out there on what this does and why it exists.

answered Apr 27, 2012 at 22:29

Only Bolivian Here

37k65 gold badges168 silver badges257 bronze badges

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

7 Comments

Bat_Georgi Over a year ago

I've tried wrapping it in .ready, but it didn't work. Is it possible that there's something specific about ASP.NET MVC 3 that I didn't notice?

Only Bolivian Here Over a year ago

It's very unlikely. I work exclusively with MVC3 and I have never run into something like this. Paste your exact code into a JSFiddle and let us check it out.

DaveDev Over a year ago

That jsfiddle will never work 'cause you're referencing mootools. you need to reference jquery, e.g. jsfiddle.net/C5rS9/7

DaveDev Over a year ago

considering that it works in jsfiddle when you reference jquery correctly, is there any chance you're loading the login panel asynchronously, after the $(document).ready() function runs?

Bat_Georgi Over a year ago

I don't know. How can i check how the page is loaded.

|

Collectives™ on Stack Overflow

jQuery can't find element in ASP.NET MVC Project

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related