Question

I have the following snippet of code (I’m using jQuery 1.4.2):

$.post('/Ads/GetAdStatsRow/', { 'ad_id': id }, function(result) {
    $('#edit_ads_form tbody').prepend(result);
    $(result).find('td.select-ad input').attr('checked','checked').click();
});

Assume that the post works correctly and returns a correct pre-built <tr> with some <td>s. Here’s the weirdness: the $(result).find() line finds the correct input (which is a checkbox, as it’s the only input in the cell) and runs the chained click() function correctly, but it REFUSES to set the box as checked, which I need to happen.

Here’s a crazy twist, too… when I get super specific and change the $(result).find() line to this (the id of the checkbox):

$('#ad_' + id).click();

It checks the box, but doesn’t run the click() function! If I set it to

$('#ad_' + id).attr('checked','checked').click();

it runs the click function as though the box were checked, but the box remains unchecked, and if I do

$('#ad_' + id).click().attr('checked','checked');

it does nothing at all.

What in the world could be the matter with this? I’m running out of hair….

Thanks!

EDIT

Here’s how I set my click event in the $(function()) call:

$('td.select-ad input').live('click',AdPreview.selectAd);

It works as is for all the other checkboxes, and the newly-added checkbox does indeed work if clicked by hand.

EDIT 2

After some digging I discovered that this:

$('#ad_' + id).click();

actually does call my click function in addition to checking the box. However, when the click function is called (I’ve already checked to make sure that input is the correct checkbox and it is),

var input = $(this);
console.log(input.is(':checked'));

the log returns false, even though the box is actually checked! GAH WTF

Answer 1

I figured it out, thank you to all who put me on the right track. Here’s what I had to do:

First, rather than wiring my checkboxes to run on click(), I updated them to run on change(). After I did this, I used the following line in place of the other:

$('#ad_' + id).click().change();

and everything works now! The checkbox stays checked and the correct function is called.

Thanks again everyone!