jQuery droppable不能发射？
jQuery droppable不能发射？
提问于 2011-08-05 04:26:12
我正在制作下面的拖放示例的原型，除了无法触发drop事件之外，它可以完成我要求的所有操作。
元素只是还原而不粘贴到content div中。你知道我错过了什么吗
<ul class="keywords">
<li class="draggable" id="kw-1">keyword one</li>
<li class="draggable" id="kw-2">keyword two</li>
<li class="draggable" id="kw-3">keyword three</li>
</ul>
<div id='editorcontainer'>
<textarea rows='10' class='theEditor' cols='40' name='content' id='content'>drop content here</textarea>
</div>
jQuery(".myDiv").find("li").each(function(){
jQuery(this).draggable(
{
revert:true,
helper:'clone',
start: function(event, ui) {
jQuery(this).fadeTo('fast', 0.5);
},
stop: function(event, ui) {
jQuery(this).fadeTo(0, 1);
}
});});
jQuery('#content').droppable({
drop: function(event, ui) {
alert('dropped') //DOES NOT FIRE!
//drop text into content editor
}
});回答 1
Stack Overflow用户
回答已采纳
发布于 2011-08-05 04:31:54
您使用的是revert:true选项，该选项在droppable上的drop事件触发之前恢复每个删除操作。替换为：
jQuery(this).draggable(
{
revert:true, // <-- Revert every single drop
helper:'clone',
start: function(event, ui) {
jQuery(this).fadeTo('fast', 0.5);
},
stop: function(event, ui) {
jQuery(this).fadeTo(0, 1);
}
});有了这个：
jQuery(this).draggable({
revert: 'invalid', // <-- Revert invalid drops
helper: 'clone',
start: function(event, ui) {
jQuery(this).fadeTo('fast', 0.5);
},
stop: function(event, ui) {
jQuery(this).fadeTo(0, 1);
}
});示例： http://jsfiddle.net/7t56R/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6948100
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号