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

Question

我已经在 J​​query/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 ()...。您可以将id 或class 放到您希望事件触发的特定表中，以便其他tr 不会受到影响

这是一个fiddle 示例

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