接受拖動選項，並使用jQuery

$(".ssource").droppable({ 
     addClasses: false, 
     greedy: true, 
     accept:function(ele){ 
      if($(this).hasClass("Dropped") != true){ 
       return true; 
      } 
      }else{ 
       return false; 
      } 
     }, 
     drop: function(event, ui) { 
       $(this).addClass("Dropped"); 
       }, 
});

接受投擲的選擇是在拖動元素的點擊掉話，但我想檢查拖動是否有效時，它懸停在可投放區域。接受拖動選項，並使用jQuery

來源

2013-08-05 Rickyrock

在文檔中，有一個可拖動鏈接到可拖拽的示例。在可丟棄元素中，使用相同的「接受」選項

$("#droppable").droppable({ 
    accept: ".ssource",

來源

2013-08-05 11:42:30 TCHdvlp

感謝您的重播，默認行爲「接受」可能會有選擇或功能將調用時，我們選擇/點擊任何可拖動的元素。但我希望它會在可拖動時將「懸停」到可丟棄區域或元素時調用。 – Rickyrock

我不明白你測試的目的。爲什麼要測試拖動元素是否有效。要麼它是有效的！或者你可以告訴你的droppable區域不接受它。 – TCHdvlp

好的。我正在試着解釋理解擊球手。我的目的是顯示與我可以拖放到拖放區域的可拖動相關的錯誤。如果我在接受函數中寫入函數（這是我的問題），當我點擊該可拖動元素時，這將調用每個函數。我有多個可投放區域。所以我想這樣做，當可拖動的元素開始拖動並懸停到時間錯誤（我正在追加HTML味精到身體的頂部中心）droppable區域將顯示。 – Rickyrock

您可以使用Over和Out來驗證Droppable區域。

$(".ssource").droppable({ 
     greedy: true, 
     //Active the Drop Area 
     over: function(event, ui) { 
      $(this).addClass("validArea"); 
     }, 
     //Deactive the Drop Area if the item drop. 
     drop: function(event, ui) { 
      $(this).removeClass("validArea"); 
     }, 
     //Deactive the Drop Area if item outside the area. 
     out: function(event, ui) { 
      $(this).removeClass("validArea"); 
     } 
});

ValidArea是您的新班級，可使Droppable區域看起來有效，因爲圖像懸停在該區域上。

來源

2013-08-06 05:36:33

接受拖動選項，並使用jQuery

回答

相關問題