jquery拖放問題：drop（）函數永遠不會被調用

我在jquery 1.3.1（UI版本1.5.3）中的可拖放效果有問題。據我所知，除drop（）函數未被調用外，一切都可以正常工作。我可以告訴可拖拽的目標是接受被拖拽的元素（通過縮略圖類），但可拖拽的項目不會掉落。感謝您的幫助！jquery拖放問題：drop（）函數永遠不會被調用

<html> 
<head> 
<script type="text/javascript" language="javascript" src="/jquery/jquery.js"></script> 
<script type="text/javascript" language="javascript" src="/jquery/jquery.ui.js"></script> 
<script type="text/javascript" language="javascript"> 
//<!-- 
    $(document).ready(function() { 
     $('.drop_box').droppable({ 
      accept: '.thumbnail', 
      activeClass: 'droppable-active', 
      hoverClass: 'droppable-hover', 
      drop: function (ev, ui) { 
       alert("Dropped!"); 
      } 
     }); 

     $('#sample_thumbnail').draggable({ 
      helper: 'clone' 
     }); 
    }); 
//--> 
</script> 
<style type="text/css"> 
    .drop_box { 
     top:16px; 
     width:250px; 
     height:250px; 
     border:1px solid #000000; 
     float: right; 
    } 
    .droppable-hover { 
     background-color: #eeeeee; 
     border: 1px solid red; 
    } 
    .droppable-active { 
     background-color: orange; 
     color: white; 
     border: 1px solid blue; 
    } 
    .thumbnail { 
     width:100px; 
     height:100px; 
     border:1px solid green; 
    } 
</style> 
</head> 
<body> 
<div class="drop_box">droppable</div> 
<div id="sample_thumbnail" class="thumbnail">draggable</div> 
</body> 
</html>

來源

2009-02-07 matt

謝謝！我安裝了UI 1.6rc6，它像一個魅力。 – matt 2009-02-09 05:33:28

「的jQuery 1.3.1（UI版本1.5.3）」

你不應該使用這雙版本。 JQuery 1.3.x與UI 1.5.x系列不兼容，並且需要1.6版本的候選版本。如果您只需要拖放功能，則發佈候選版本非常穩定;我並不擔心在生產中使用它們。我只使用拖放操作，所以我不能評論1.6分支UI的其餘部分的穩定性。

來源

2009-02-07 01:30:58 kquinn

我使用jQuery 1.2.6和jQuery UI 1.5.3在Mac/Safari或Mac/Firefox上的代碼沒有任何問題。我認爲你的問題是不兼容的版本。

來源

2009-02-07 01:35:09 tvanfosson

jquery拖放問題：drop（）函數永遠不會被調用

回答

相關問題