javascript - 永远不会触发可排序中的“Out”事件

Question

<div></div>我的网页上有一个可排序的（由嵌套的）。我希望从可排序中删除从可排序中拖出的项目。但我无法触发“out”事件。

这是我的 JS（灵感来自这个 SO question）：

    $(function(){
        var removeIntent = false;
        $('#selectedTags').sortable({
            over: function () {
                removeIntent = false;
                console.log("over: "+removeIntent);
            },
            out: function () {
                removeIntent = true;
                console.log("over: "+removeIntent);
            },
            beforeStop: function (event, ui) {
                console.log("over: "+removeIntent);
                if(removeIntent){
                    ui.item.remove();   
                }
            }
        });
    });

你会在这里找到我的 jsFiddle 。

欢迎所有帮助。

编辑：如果我将我的 div 转换为<ul></ul>它，那么它会按计划工作。那里有任何解释吗？我想保持这<div></div>一点，因为我需要可排序是水平的。

Answer 1

轻松修复：只需使用水平列表格式而不是专注于<div></div>内容。

我仍然不知道为什么该out事件不适用于 div。

这样做的方法在这里

    #menu ul{
      list-style: none;
    }

    #menu li{
      display: inline;
    }

Answer 2

刚刚检查了你的小提琴；似乎css

#selectedTags > div {float: left;
}

是实际导致 out 不被触发的原因。只是一个指针！