0

Web ページにソート可能 (ネストされた<div></div>) があります。ソート可能からドラッグされたアイテムをソート可能から削除したいと思います。しかし、「out」イベントをトリガーすることはできません。

これが私のJSです（このSOの質問から着想を得ました）：

    $(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 を a に変換する<ul></ul>と、計画どおりに機能します。説明はありますか？<div></div>ソート可能を水平にする必要があるため、保持したいと思います。

4

2 に答える 2

0

<div></div>簡単な修正：物事に集中するのではなく、水平リスト形式を使用するだけです.

outただし、イベントがdiv で機能しない理由はまだわかりません。

ここでそれを行う方法

    #menu ul{
      list-style: none;
    }

    #menu li{
      display: inline;
    }
于 2014-01-20T03:42:41.610 に答える
0

フィドルをチェックしました。cssのようです

#selectedTags > div {float: left;
}

実際に out がトリガーされない原因です。ただのポインタ！

于 2014-01-20T03:56:05.993 に答える