CODEWITHSUNDEEP
asp.netasp.net-mvc-2jquery
asfsadf
asfsadf

Reputation: 3862

jQuery $.ajax works first time, but not on subsequent clicks

Everything works fine on the first click of the delete link, but subsequent clicks only delete the record, without refreshing the "quotes" div.

I'm not sure what I'm overlooking here.

My .js file:

$('.deleteRow').live('click', function (e) {
    if (confirm('Delete?')) {
        $.ajax({
            type: 'POST',
            url: this.href,
            cache: false,
            dataType: 'html',
            success: function (response) {
                $('#quotes').replaceWith(response);
                $('#quotesTable').tablesorter().tablesorterPager({ container: $('#pager'), positionFixed: false });
            }
        });
    }
    return false;
});

and the html:

<tr>
    <td>
        Now is the time for all good men to come to the aid of their parties.
    </td>
    <td>

    </td>
    <td>
        7/6/2010 10:13:44 PM
    </td>

    <td> <a class="editRow" href="/Quote/Edit/2">Edit</a></td>
    <td> <a class="deleteRow" href="/Quote/Delete/2">Delete</a></td>
</tr>

<tr>
    <td>
        I&#39;m a loser
    </td>

    <td>
        146
    </td>
    <td>
        7/6/2010 9:11:42 PM
    </td>
    <td> <a class="editRow" href="/Quote/Edit/1">Edit</a></td>
    <td> <a class="deleteRow" href="/Quote/Delete/1">Delete</a></td>
</tr>

Upvotes: 3

Views: 245

Answers (1)

ThatSteveGuy
ThatSteveGuy

Reputation: 1095

I'm looking at this on an iPhone, so I can't see all of your code but you should probably be using ".html" instead of ".replaceWith". The former replaces the content inside the specifies tag, the latter wipes out the tags, too.

Upvotes: 5

Related Questions