0

jQuery 1.9.1 と jQuery UI 1.9.2 を使用しています。私のアプリケーションでは、複数の行を持つことができる複数のリストがあります。公式のデモでわかるように、1 つのリストで問題なく動作します。しかし、2つのリストで試しましたが、うまくいきません。1 番目のリストの項目は 2 番目に移動できません。より良い説明のために、このテストページを作成しました。ありがとう。

私の単純なJS：

$(function() {
    $('#sort1, #sort2').sortable().disableSelection();
});

また、connectWith: '.sort'ui を追加すると配置位置が正しく定義されません。リストに追加float: leftすると、あるリストから別のリストに移動できなくなります。

4

2 に答える 2

2

プラグインのオプションを設定する必要がありconnectWithます。元の JSFiddle を更新しました: http://jsfiddle.net/fjjqM/1/

現時点では少し奇妙な動きをするので、詳細については公式ドキュメントを参照してください: http://jqueryui.com/sortable/#connect-lists

于 2013-03-04T08:19:58.380 に答える
1

この投稿を試してください、それはあなたと同じ問題を抱えています：

ソート可能なグリッドでconnectWithを使用すると、JQueryのソート可能なブレークが発生します

nick_wjquery.ui.sortable.jsは、 734行目のコードを置き換えることをお勧めします

// move the item into the container if it's not there already
if(this.containers.length === 1) {
    this.containers[innermostIndex]._trigger("over", event, this._uiHash(this));
    this.containers[innermostIndex].containerCache.over = 1;
} else { ...

と

// move the item into the container if it's not there already
if(this.containers.length === 1) {
    this.containers[innermostIndex]._trigger("over", event, this._uiHash(this));
    this.containers[innermostIndex].containerCache.over = 1;
} else if(this.currentContainer != this.containers[innermostIndex]) { ...

編集：古いバージョンのjQuery UIで動作するようにjsfiddleを変更しましたが、正常に動作しています。これで問題が解決するはずです。

http://jsfiddle.net/fjjqM/6/

于 2013-03-04T10:02:41.660 に答える