当前位置: 首页 > 知识库问答 >
问题:

jQuery UI可排序,释放鼠标按钮的事件?

薛滨海
2023-03-14

所以我有下面的jQuery:

$('.blah').sortable({
    items:'.item',
    helper:'clone',
    revert:true,
    stop:function(event,ui){
        console.log('stopped');
    }
});

当我将项目拖到这个排序表中的“坏”地方(在那里它们不能被排序,例如在可排序区域之外)时,克隆会恢复到它在可排序表中的最后一个好位置。当这个动画完成时,停止函数会关闭“停止”。

是否有一个我可以使用的事件,它会在鼠标按钮释放后立即触发?(或在此还原动画开始之前?)

共有2个答案

李光华
2023-03-14

“可能外出”活动可为您提供以下帮助:

$('.blah').sortable({
items:'.item',
helper:'clone',
revert:true,
stop:function(event,ui){
    console.log('stopped');
},
out: function( event, ui ) { alert("before stopped");} });
洪琦
2023-03-14

类似这样的情况如何?当拖动一个项目时,它会添加一个mouseup事件,当再次拖放该项目时,函数将启动,然后监听器将被停用。

$('.blah').sortable({
    items:'.item',
    helper:'clone',
    revert:true,
    stop:function(event,ui){
        console.log('stopped');
        $('.ui-draggable').off('mouseup');
    }
    start:function(e,ui) {
        $('.ui-draggable').on('mouseup', function() {
              console.log('drop'); 
        });
    },
});
 类似资料:
  • 我在整个网站上寻找解决方案,但是没有找到任何东西。我面临一个问题,我需要重做拖拽的风格。我正在为可拖动/可排序部分使用jquery ui。但是,我需要创建一个新的行为:即,我单击处理程序,释放左按钮,使用mousemove,元素将粘在光标上,再次单击,元素将掉落。总的来说,我需要在拖动过程中禁用mousedown部分。 编辑: 好的,这里是一个简单的可排序示例。我需要的是,当我点击手柄时。文章标题

  • 问题内容: 我有一个JTable,其属性AutoCreateRowSorter设置为true。单击时效果很好,但如果单击时仅将鼠标移动1px,则不会出现排序,这在某些情况下不舒服。如何解决这个问题? UPD我只想在释放鼠标时显示排序。 问题答案: 肮脏的方法(请阅读: 如果您不是绝对地绝望,请确切地知道自己在做什么!请不要这样做 ),方法是挂接到uiDelegate安装的MouseListener

  • 所以我有这个anchorpane,我希望为第二个鼠标键添加一个鼠标listner。我尝试了以下方法,但我一直得到一个错误,有人知道问题是什么吗? 为了记录在案,我也尝试过这样做: 绑定不匹配:MouseButton类型不能有效替代EventHandler类型的有界参数

  • 因此,我有一个嵌套的jqueryui可排序项和一个可拖动项,我可以将副本拖动到任何级别的可排序项中。 请参阅此处的jsfiddlehttp://jsfidle.net/rmossuk/juna7/4/ 产品 项目1 项目2 项目3 项目5 项目6 项目4 纽维特姆 问题是,当我将NewItem拖到嵌套的可排序表(Item3)中时,receive事件会被调用3次。一次用于产品可排序,由于某种原因两次

  • 拖放(Drag’n’Drop)是一个很赞的界面解决方案。取某件东西并将其拖放是执行许多东西的一种简单明了的方式,从复制和移动文档(如在文件管理器中)到订购(将物品放入购物车)。 在现代 HTML 标准中有一个 关于拖放的部分,其中包含了例如 dragstart 和 dragend 等特殊事件。 这些事件使我们能够支持特殊类型的拖放,例如处理从 OS 文件管理器中拖动文件,并将其拖放到浏览器窗口中。

  • 我正在开发一个网络应用程序,允许用户通过jQuery UI Sortable和Droppable小部件重新排序和删除屏幕上的项目。最初,我只提供了一种删除项目的方法:将其拖到带有垃圾图标的区域并将其删除。现在,我添加了一个选项,通过将项目从屏幕边缘拖动并释放鼠标按钮来删除它。 这个新功能(通过在屏幕外拖动删除)的设置比我预期的要复杂一些,但我最终解决了大部分问题。有一件事仍然困扰着我:在Firef