jquery code not working after ajax refresh

Question

I am using the following code to make the text red in any span with the class code and which contains text 'Failed to send invite'. This works however the table is part of pagination results set and the pagination is updated via ajax so when they change the page of results the red color is lost.

How do I make this code work in way the will work with the ajax content.

//This works for setting red in the initial page load   
$('table span.code').each( function() {
    if( /(Failed to send invite)/.test($(this).html())) {
        $(this).css('color', 'red');
    }
});

Add an event to the pagination buttons which executes this code. — Alvaro
– Alvaro, Commented Jul 23, 2013 at 13:30

Jamie Taylor · Accepted Answer · 2013-07-23 13:29:17Z

2

Have you tried including this code when the new content is written to the page? jQuery doesn't work with live updates to the page, it runs once (unless you tell it otherwise).

You could always turn this into a function and just run the function every time you needed to loop through your table.

answered Jul 23, 2013 at 13:29

Jamie Taylor

4,7716 gold badges47 silver badges68 bronze badges

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

Comments

Sergio · Accepted Answer · 2013-07-23 13:29:10Z

0

You have to rebind event handlers after ajax request refreshes part of a page:

$().ready(function () {
    bindHandlers();

    function doAjaxCall() {
        $.ajax({
            ...some codes,
            success: function (result) {
                ...some codes
                bindHandlers();
            }
        });
    }

    function bindHandlers() {
        $('table span.code').each( function() {
            if( /(Failed to send invite)/.test($(this).html())) {
                $(this).css('color', 'red');
            }
        });
    }
});

answered Jul 23, 2013 at 13:29

Sergio

6,9485 gold badges33 silver badges55 bronze badges

Collectives™ on Stack Overflow

jquery code not working after ajax refresh

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related