即使点击了行，行仍然可以点击

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 ()...。您可以将id或class放在您希望事件触发的表格中，以便其他tr不受影响

这是一个fiddle示例

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