Контекстное меню jQuery в загруженном содержимом AJAX

Question

Ну, после нескольких часов попыток найти что-то, я должен спросить здесь и, возможно, снова (я нашел похожие вопросы, но ни один из них не помог мне).

Я пытаюсь использовать настраиваемое контекстное меню на странице, динамически загружаемой через AJAX - все с помощью jQuery. Проблема в том, что контекстное меню просто не работает на динамически загруженной странице ... при щелчке правой кнопкой мыши ничего не отображается.

Я уже выяснил, что использование .live() является решением, но все еще не может заставить его работать. Вот моя последняя попытка с этим ContextMenu plugin (используя только пример кода):

<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> 

Это важный путь, который находится на странице, загруженной динамически.

Я также использую 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'); 
       } 
      } 
     }); 
    } 
});