Jquery 라이브 및 드래그 가능

Question

Jquery 라이브 바인딩을 사용하여 이미지에 클릭 이벤트를 바인딩하고 있습니다. 이미지를 처음 클릭하면 단순 모드 팝업이 시작되고 draggable이 정상적으로 작동합니다. 그 후, 단순 모드 팝업이 계속 실행되고 드래그 가능한 항목은 끌리지 않습니다. 어떤 아이디어? 라이브를 클릭 이벤트의

코드 : 사람이 미래에이를 찾습니다

$("table tr td img:not(.Help)").live("click", function(){ 

    $("#draggable").draggable({ 
     containment: 'parent', 
     drag: function(e, ui){ 
      alert("dragging"); 
     } 
    }); 

    $("#modal").modal({ 
     onShow: function(){ 
      $("html").css("overflow", "hidden"); 
     }, 
     onClose: function(){ 
      $("html").css("overflow", "auto"); 
      $("table tr td img").live("click", function(){}); 
      $.modal.close(); 
     } 
    }); 
}); 

Answer 1

경우이 솔루션은에서 onShow 콜백에서 "드래그"코드를 삽입하는 것이 었습니다.

$("table tr td img:not(.Help)").live("click", function(){ 

    $("#modal").modal({ 
     onShow: function(){ 
      $("#draggable").draggable({ 
       containment: 'parent', 
       drag: function(e, ui){ 
        alert("dragging"); 
       } 
      }); 
      $("html").css("overflow", "hidden"); 
     }, 
     onClose: function(){ 
      $("html").css("overflow", "auto"); 
      $("table tr td img").live("click", function(){}); 
      $.modal.close(); 
     } 
    }); 
});