Running javascript code after loading content via AJAX

Question

I tried running my javascript code which is declarete in same file with ajax loadContent function. My problem is, after loading content, that function do not work.

I looked for solution, and i found .live() method in jQuery but I'm using 1.9 version which not support that now.

Here im loading spreadsheet to html doc:

var spreadsheet = $( 'div#item-list table > tbody' );

function loadContent(){
     $.post( 'ajaxRequest.php', { 'function' : 'loadData' } )
      .done( function( content ){
               spreadsheet.empty().append( content );
      });
    }

In this same file i have this code: Before i loaded action buttons into spreadsheet, and now i would like do some action with form like "removerow"

$('input[name="removerow"]').on( "click" , function (){
            $.post( 'ajaxRequest.php', { 'function' : 'removerow', 'ID' : ID } )
          .done( function( result ){
                  alert(result);
          });
            return false;
        });

Problem is in javascript, not PHP, I'm sure that on 100%.

Thanks in advance!

adeneo · Accepted Answer · 2013-04-03 09:30:54Z

2

You're looking for the delegated version of on() :

$('#item-list').on('click', 'input[name="removerow"]', function (){
   ...
});

answered Apr 3, 2013 at 9:30

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

1 Comment

imvanzen Over a year ago

It's working! :) Do you have other solution to loading content, other method to do ? :)

Collectives™ on Stack Overflow

Running javascript code after loading content via AJAX

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related