ajax - 行即使在被点击后仍然是可点击的

Question

我在 Jquery/Ajax 中创建了一个可点击的行，如下所示：

    <script type="text/javascript"> 
        $(function () { 
            $('tbody tr').live('hover', function () { 
                $(this).toggleClass('clickable'); 
            }).live('click', function () { 
                $.ajax( 
                            { 
                                type: "POST", 
                                url: "/Projects/AllProjectsHeaderSR", 
                                data:{ projectCode: $(this).find('td:eq(0)').text(), 
                                        l_frompage: "SearchProjectsHeaderResultSR" 
                                     }, 
                                success: function (data) { 
                                        $('#container').html(data);  
                                                  $(this).unbind('click');  

                                } 
                            }); 
            }); 
        }); 
    </script> 

当用户单击一行时，通过 Ajax 调用 HTTPPost 方法。然后，此方法调用 PartialView。

问题是这个显示数据表的 PartialView 页面仍然可以点击

渲染局部视图时，如何将其设置回不可点击？

Answer 1

请注意，与 click 事件链接的悬停函数绑定到 html 中的任何 tr。$('tbody tr').live('hover', function ().... 您可以将idorclass放到您希望事件触发的特定位置，以便其他 tr 不会受到影响

这是一个小提琴示例

我希望您的带有#containerid 的 PartialView 不在事件发生的表中。