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（）函数永远不会被调用

回答

相关问题