JQuery in Dynamically loaded UserControl

Question

I am dynamically loading a user control on a click of a checkbox. I need to run a post on the Jquery when a button is clicked on the user control. When I Load my User Control, I cannot run

$(document).ready(function(){
     alert('I am here!!');
});  as a test.

Any Ideas. or do I need a $.getScript() ?.

Answer 1

I would put the code in the callback of the load method.

$('#content').ajax({
     url: '/some/url',
     ...
     success: function(data) {
         $('#content').html( data.Html ); // assumes JSON with Html parameter
         $('#content').find('input[type=submit]').click( function() {
             ...do your submit...
             return false; // cancel default action
         }),
     ...
});

Or, perhaps -- depending on the situation -- set it up with a live handler.

$('#content').find('input[type=submit]').live('click', function() {
    ... do your submit...
    return false;
});