JQuery UI 1.10.3可排序不删除项目

时间:2013-10-23 08:41:38

标签: jquery html css jquery-ui

我正在使用一个可排序的div图像,但是当它被拖出div时我无法删除它。

    var sortableIn = false;
    $("#divId").sortable({
        over: function () {
            sortableIn = false;
        },
        out: function () {
            sortableIn = true;
        },
        beforeStop: function () {
            if (sortableIn == true) {
                ui.item.remove();
            }
        },
    }).disableSelection();

我还尝试使用beforeStop函数中的remove方法$(div.img)我知道$(div.img)不正确但它似乎删除了弹出的烦人的占位符。 var newItem = ui.item;也没有做到这一点。

enter image description here

这是烦人的地方enter image description here

1 个答案:

答案 0 :(得分:1)

这似乎有效。 http://jsfiddle.net/hdmZY/

我用过

var sortableIn = false;
$('#divId').sortable({ 
    over: function () {
            sortableIn = false;
        },
    out: function (event, ui) {
            sortableIn = true;
        },
    beforeStop: function(event, ui) { 
        if (sortableIn == true) {
          ui.item.remove(); 
          }
    }
}).disableSelection();