0

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>

ユーザーが行をクリックすると、HTTPPost メソッドが Ajax 経由で呼び出されます。次に、このメソッドは PartialView を呼び出します。

問題は、データのテーブルを表示するこの PartialView ページがまだクリック可能なままであることです。

部分ビューがレンダリングされるときに、これをクリックできないように戻すにはどうすればよいですか?

4

1 に答える 1

0

クリック イベントでチェーンされたホバー関数は、html 内の任意の tr にバインドされることに注意してください。$('tbody tr').live('hover', function ().... 他の tr が影響を受けないように、特定のイベントを発生させたいテーブルにidorを置くことができますclass

ここにフィドルの例があります

idを持つ PartialView#containerが、イベントが発生したテーブル内にないことを願っています。

于 2012-04-30T10:55:15.747 に答える