jquery代码只工作一次,但不重复

jquery代码只工作一次,但不重复,jquery,asp.net-mvc,webgrid,Jquery,Asp.net Mvc,Webgrid,我有一个小jquery脚本,当我在网格/表格(从webgrid构建)中单击ajax actionlink时,它将用一个旋转的轮子替换内容。它只在第一次起作用 $('#thisGrid tr td').click(function () { $(this).html('<img src="@Url.Content("~/Content/ajax-loader.gif")" alt="Loading... Please Wait" style="height: 20px;"/>

我有一个小jquery脚本,当我在网格/表格(从webgrid构建)中单击ajax actionlink时,它将用一个旋转的轮子替换内容。它只在第一次起作用

$('#thisGrid tr td').click(function () {
    $(this).html('<img  src="@Url.Content("~/Content/ajax-loader.gif")" alt="Loading... Please Wait" style="height: 20px;"/>');
});
$('#thisGrid tr td')。单击(函数(){
$(this.html(“”);
});

我还没有找到任何能让我确定为什么会这样的东西。。。有没有想过为什么会发生这种情况?

可以尝试使用实时单击功能

$('#thisGrid tr td').live('click', function(){ ...

委托事件

$('#thisGrid').on('click','td' , function () {
    $(this).html('<img  src="@Url.Content("~/Content/ajax-loader.gif")"
                alt="Loading... Please Wait" style="height: 20px;"/>');
});
$('thisGrid')。在('click','td',函数(){
$(this.html(“”);
});
更新jQuery 1.6及以下版本的

 $('#thisGrid').delegate('td' , 'click', function () {
        $(this).html('<img  src="@Url.Content("~/Content/ajax-loader.gif")"
                    alt="Loading... Please Wait" style="height: 20px;"/>');
    });
$('thisGrid')。委托('td','click',函数(){
$(this.html(“”);
});

考虑点击处理程序可能需要重新连接到ajax html中存在的任何新的
#thisGrid tr td
。使用jQuery
on
执行此操作。我尝试使用“on”方法,但它抛出一个错误,表示它不支持此方法。这似乎不起作用。。。只需空白内容区域。我尝试了这个方法,但它错误地说它不支持“on”方法。您在项目中使用的jQuery版本是什么?如果可以的话。在上面的帖子中,我尝试了“delegate”并得到了相同的结果。。。我得到了1.7的分数,尝试了“开”,得到了同样的结果。它第一次起作用,但之后不起作用。我需要检查一下_布局。。。我可能有冲突的脚本。。。。