Master Page control in jQuery

Question

I have a Master Page and a Content Page(SomePage.aspx). The Content page has a control called Button1.

I am calling the Button1 using jQuery in MasterPage like this

$('[id$=Button1]').click(function() {
                        alert('');
                    });

However nothing happens. I have added MasterType in SomePage.aspx.

The Button is a linkbutton.

Any suggestions?

Answer 1

You should take a look at the source code of your page as it is rendered by the browser and check the id of Button1. It is probably not Button1 but something like myContent$Button1.

Answer 2

The code you've posted works, although jQuery suggests $("[id$='Button1']") or $('[id$=\'Button1\']').
The master page shouldn't be relevant here, it all goes to one HTML page at the end.
Make sure:

• The JavaScript is indeed on the page (no master page mistake) - view the source of the page and look for it.
• jQuery is loaded - try alert(jQuery); somewhere.
• Your jQuery code is inside $(document).ready
• JavaScript is executed: very often a small JavaScript syntax error causes the whole page not to work. Try to debug it, or put some old-fashioned alert boxes before and after the code, to see how (and if) it runs.

Answer 3

I think it should be: '#[id$=Button1]'

Answer 4

As Paolo mentions, be sure that it's in document.ready, as JS can't operate on an element that doesn't (yet) exist. Also, double-check your source to make sure the actual rendered ID of the control is as you expect.

You might find these controls helpful: http://clipperhouse.com/jQuery/