jQuery with .Net

Question

So I have a very simple .Net page that uses JQuery. When I place the code directly on the page the script executes fine, but when I call from an external js page it fails.

$(document).ready(function () {
    $("#MainContent_Button1").click(function () {
        alert("Hello world!");
    });

});
(jQuery)

<asp:Button ID="Button1" CssClass="Button1" runat="server" Text="CLICK ME FOO" />

When I link like so:

<script type="text/javascript" src="menu.js"></script>.

It doesn't work, but if I place on the page it works fine.

You mean when you have the $(function() {..}) in an external JS file? When do you load the external file? — Dave Newton
– Dave Newton, Commented Sep 22, 2011 at 23:35
Use the IE9, Chrome or Firefox Firebug console to troubleshoot. You haven't provided enough information to actually answer, but my guess is you're including the above jQuery code before you include jQuery itself. — Jared Farrish
– Jared Farrish, Commented Sep 22, 2011 at 23:36
@MoXplod When I link like so: <script type="text/javascript" href="menu.js"></script>. It doesn't work but if I place on the page it works fine. — Ricky
– Ricky, Commented Sep 22, 2011 at 23:39
@Dave Yes when the function is in an external JS file it bonks out. I know the function works as well as the direct path to it. I don't get it. But I've tried loading in the header and in the document. — Ricky
– Ricky, Commented Sep 22, 2011 at 23:40

Jason Dean · Accepted Answer · 2011-09-22 23:40:51Z

1

It's supposed to be src="" in the script tag.

<script type="text/javascript" src="menu.js"></script>

answered Sep 22, 2011 at 23:40

Jason Dean

9,62530 silver badges39 bronze badges

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

6 Comments

Jared Farrish Over a year ago

... or, the include itself is not right... (See comments below question.) Note, this is why I use Firebug to check to make sure the file is downloading.

Ricky Over a year ago

Right. I mis-typed here but sure src="".

Jared Farrish Over a year ago

@Ricky - You're going to have to provide evidence for us to check. Use a console function in one of the browsers that support to make sure the file is downloading.

Ricky Over a year ago

This is my entire code. <html xmlns="w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/javascript" src="ajax.googleapis.com/ajax/libs/jquery/1.4.2/…> </head> <body> <form id="form1" runat="server"> <div> <script type="text/javascript" src="menu.js"></script> <asp:Button ID="Button1" runat="server" Text="CLICK ME FOO" /> </div> </form> </body> </html> When I place the function where the link is it works fine.

Dave Newton Over a year ago

@Ricky Maybe the question would be the best place to put that.

|

user342706 · Accepted Answer · 2011-09-22 23:41:35Z

0

Most likely the javascript file you are referencing externally is not loading. Use chrome to make sure you are getting a 200 message for that file and not a 404. Also, make sure in your external javascript file you are including the jquery document load method exactly like you have above. You have to ensure the button has been placed in the DOM before you can bind any events to it. Also I would recommending using ClientIDMode="static" so you can reference the button with the actual id of button in the jQuery selector.

answered Sep 22, 2011 at 23:41

user342706

Collectives™ on Stack Overflow

jQuery with .Net

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related