javascript - Jquery,恢复时的事件?

标签 javascript jquery html css jquery-ui

我正在使用 Jquery Ui 的可拖动和还原选项。

有没有办法检测元素是否正在还原?

$(function() {
$("#draggable").revert(function(){
alert('the div is reverting');
});

});

我见过

   revert:function(){
alert("");
} 

但是它似乎将恢复位置设置为鼠标被释放的位置。

现在,我似乎可以选择使用 mouseup。

最佳答案

真正有趣的是,它确实有效。我在文档中找不到任何提及它的地方。似乎调用了该​​函数,如果返回 true 它将恢复,如果 false 则它不会恢复。由于您根本没有返回,因此它被视为 false

因此,如果您使用以 true 作为值的 revert 选项(这意味着,始终还原),那么您只需向您的函数添加一个 return 语句:

$(function() {
    $("#draggable").revert(function(){
        alert('the div is reverting');
        return true;
    });
});

但是,如果您将 revert 设置为 invalid,我不确定您如何做到这一点。

而且由于没有记录在案,我想使用风险自负。

编辑: 我仔细研究了一下,显然一个参数被传递给函数,它是它被放置的可放置对象,如果没有可放置对象则为 false。所以从技术上讲,您可以像这样模拟 invalid:

$(function() {
    $("#draggable").revert(function(droppable){
        alert('the div is reverting');
        return !!droppable;  // might just be able to return droppable but I think this is safer
    });
});

关于javascript - Jquery,恢复时的事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10324014/

相关文章:

javascript - Meteor JS Autoform 自定义输入 - 没有当前 View

javascript - 同时 Node 以状态 1 退出。这会停止 Teamcity,导致其认为测试失败

javascript - 如何使用 jQuery 选择特定字符串和一些字符串?

javascript - IE8 JavaScript 弹出窗口 "Stackoverflow at line 3"

javascript - 将图像扩展到完整的可用宽度和高度

javascript - addeventlistener click 仅在第一次单击时起作用

javascript - 如何将分钟转换为减去时间的小时和分钟(减去时间值)

javascript - jQuery圆 Angular 合并div

javascript - 使用 AJAX 请求时还需要 Form 元素吗?

javascript - 如何使用纯 JavaScript 删除特定的 <li>