jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如何将可排序的东西拖到容器外面时消失?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想让 jquery UI元素在容器外拖动时消失.

比如说我有一个列表

<div class="myfavoritecontainer">
   <ul class="sortable">
   <li>item1</li>
   <li>item2</li
  </ul> 
</div>

而且,sortable变成了一个jquery ui sortable ……现在,当我将这些项目拖出排序列表时,我想让它们消失……最好的方法是什么?

稍微澄清我正在尝试做什么:
这个jsfiddlehttp://jsfiddle.net/nveid/kQmWt/4/

基本上来自右侧列表的项目我将添加到左侧的列表中(已完成的部分!),其次,当我拖动到左侧列表之外时,列表左侧部分的项目我想让它们消失.如果你在拖动左侧内容的同时查看你的js控制台,你会仔细看到我想要完成的事情.但是我只是没有完成它,因为鼠标左键被触发后正在触发鼠标中心.事件触发的确切原因正在发生我不知道,但小提琴应该给出一些澄清.

最好是我可以这么做,所以一旦你拖动它的div容器外面的左边的项目,它们就会消失,但我会设置为在它们恢复到原来的位置后,li项目将会消失但是mouseenter / mouSELEave事件不适合我.

解决方法

我看起来你需要使用beforeStop删除项目并根据over和out维护一个标记,以确定你是否已移出容器的边界.我基于上一篇文章的基础: Jquery Sortable,delete current Item by drag out

jsfiddle编辑在可排序的定义中看起来像这样

over: function(e,ui) { sortableIn = 1; },out: function(e,ui) { sortableIn = 0; },beforeStop: function (event,ui) {
            newItem = ui.item;
            if (sortableIn == 0) { 
              ui.item.remove(); 
           }
        },

大佬总结

以上是大佬教程为你收集整理的jquery – 如何将可排序的东西拖到容器外面时消失?全部内容,希望文章能够帮你解决jquery – 如何将可排序的东西拖到容器外面时消失?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。