gpt4 book ai didi

javascript - Jquery 始终还原可拖动对象有效

转载 作者:行者123 更新时间:2023-11-30 08:53:42 25 4
gpt4 key购买 nike

我有一个拖放示例,当将可拖动对象放入可放置的 div 中时,它会将可拖动对象恢复到其原始位置。

我的问题是,当还原对我的可拖动对象有效时,我可以将对象拖动到页面上的不同位置,我的可拖动对象只有在我将它们放入可放置的 div 中时才会还原。

无论您将它们拖到页面上的什么位置,我都希望我的可拖动对象恢复原状吗?

我已经试过了,但是没有用。

{
revert: 'vaild',
stop: function(){
$(this).draggable('option','revert','invalid');
}

我的问题是,当我将可拖动对象放入可放置的 div 中时,我的可拖动对象会还原但不会还原。

  <script>
$(function() {
$( "#draggable" ).draggable({ revert: "valid" });
$( "#draggable1" ).draggable({ revert: "valid" });
$( "#droppable" ).droppable({
activeClass: "ui-state-hover",
hoverClass: "ui-state-active",
drop: function( event, ui ) {
var dragElemId = ui.draggable[0].id;
var imgPath = $('#' + dragElemId).attr("des-image");
$( this )
.find( ".drop-image" ).removeAttr("src").attr("src",imgPath);
}
});
});
</script>

最佳答案

revert 属性设置为 true 将导致它们始终恢复。

   $( "#draggable" ).draggable({ 
revert: true
});
$( "#draggable1" ).draggable({
revert: true
});
$( "#droppable" ).droppable({
activeClass: "ui-state-hover",
hoverClass: "ui-state-active",
drop: function( event, ui ) {
//ommited for brevity
}
});

工作示例: http://jsfiddle.net/yLuvv/

关于javascript - Jquery 始终还原可拖动对象有效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15495833/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com