AJAXでjQueryのコンテキストメニューがロードされました

Question

何かを見つけようと数時間を経た後、私はここに尋ねなければならないでしょうし、もう一度やり直す必要があります（私は同様の質問を見つけましたが、

私はAJAX経由で動的にロードされるページ（すべてjQuery）でカスタムコンテキストメニューを使用しようとしています。問題は、コンテキストメニューが動的に読み込まれたページでは機能しないことです。右クリックしてもメニューは表示されません。

私はすでに.live（）を使用することが解決策であることを発見しましたが、まだそれを動作させることはできません。

<script type="text/javascript"> 
    $(document).live("load", function() { 
     $('#testtt').contextMenu('testtt', { 
      bindings: { 
       'open': function(t) { 
        alert('Trigger was '+t.id+'\nAction was Open'); 
       }, 
       'email': function(t) { 
        alert('Trigger was '+t.id+'\nAction was Email'); 
       }, 
       'save': function(t) { 
        alert('Trigger was '+t.id+'\nAction was Save'); 
       }, 
       'delete': function(t) { 
        alert('Trigger was '+t.id+'\nAction was Delete'); 
       } 
      } 
     }) 
    }); 

</script> 
<div id="testtt">test</div> 

これはdynamiclyロードされているページ上で重要なパスである：ここでは このContextMenu plugin（単なるサンプルコードを使用して）と私の最後の試みです。

jQuery UI Sortableも使用していますが、問題ではありません。

ご協力いただきありがとうございます。

Answer 1

$（ '＃testtt'）。contextMenu ...以下のようにAjax success（）メソッドを呼び出してください。これにより、データが読み込まれて画面に表示された後、コンテキストメニューが確実に表示されます。それはあなたのAjaxの成功の最後のものです（）。あるいは、Ajax complete（）に入ることもできます。

$.ajax({ 
    type: 'GET', 
    url: 'PATH TO URL', 
    success: function(){ 
     $('#testtt').contextMenu('testtt', { 
      bindings: { 
       'open': function(t) { 
        alert('Trigger was '+t.id+'\nAction was Open'); 
       }, 
       'email': function(t) { 
        alert('Trigger was '+t.id+'\nAction was Email'); 
       }, 
       'save': function(t) { 
        alert('Trigger was '+t.id+'\nAction was Save'); 
       }, 
       'delete': function(t) { 
        alert('Trigger was '+t.id+'\nAction was Delete'); 
       } 
      } 
     }); 
    } 
});