jquery ui droppable觸發頁面加載的所有事件

我有兩個droppable和兩個可拖動元素在doc準備好所有可拖動事件觸發。之後，當在可拖放元素上拖動元素時，沒有可拖放事件觸發。jquery ui droppable觸發頁面加載的所有事件

雖然我沒有真正測試它們，但可拖動的事件看起來不錯，但我一直專注於可拖動的奇怪行爲。

代碼：

$(document).ready(function() { 


$("#sectionDZ").droppable({ 
    scope:   "subject", 
     activate: alert("Droppable activate event fired"), 
     create:  alert("Droppable create event fired"), 
     deactivate: alert("Droppable deactivate event fired"), 
     drop:  alert("Droppable drop event fired"), 
     out:  alert("Droppable out event fired"), 
     over:  alert("Droppable over event fired"), 
     accept:  "sectnLI", 
      }); 

$(".sectnLI").draggable({ 
    cursor:   "crosshair", 
    delay:   "300", 
    helper:   'clone', 
    opacity:  "0.65", 
    placeholder:  'ui-state-highlight', 
    revert:   "invalid", 
    scope:   "subject", 
    stop:  function (event, ui) { 
     alert("Drag stop event has fired"); 
//  $(this).draggable("destroy"); 
     } 
    }); // Allow more than one item to be dragged 


$("#judgeDZ").droppable({ 
     activate: alert("Droppable 2 activate event fired"), 
     create:  alert("Droppable 2 create event fired"), 
     deactivate: alert("Droppable 2 deactivate event fired"), 
     drop:  alert("Droppable drop event fired"), 
     out:  alert("Droppable 2 out event fired"), 
     over:  alert("Droppable 2 over event fired"), 
     scope:  "judge", 
     accept:  "judgLI", 
      }); 

$(".judgLI").draggable({ 
    cursor:   "crosshair", 
    delay:   "300", 
    helper:   'clone', 
    opacity:  "0.65", 
    placeholder:  'ui-state-highlight', 
    revert:   "invalid", 
    scope:   "subject", 
    stop:  function (event, ui) { 
     alert("Drag stop event has fired"); 
//  $(this).draggable("destroy"); 
     } 
    }); // Allow more than one item to be dragged 


});

這是在它自己的文件中，有含UI選項卡和對話框代碼中的另一個.js文件。感謝您的任何幫助。

來源

2013-05-14 Dennis Nolan

我通過刪除文件並將代碼重寫爲具有不同名稱的另一個文件來解決此問題。文件中的某處必須有非打印字符。

來源

2013-05-15 23:19:50

jquery ui droppable觸發頁面加載的所有事件

回答

相關問題