0

How do I move from one ui-sortable to another in Angular?のフォローアップとして

2 つの接続されたリストがあり、リストの 1 つが空の場合、実際にドロップするにはどうすればよいですか? 再びhttp://minitrello.meteor.comを見ると、空のリストにもプレースホルダーが作成されています。いつそれを複製するのですか

list1 = []; list2 = ['A','B','C']

私は実際にドロップすることができますlist1か？http://jsfiddle.net/hKYWr/894/のフィドル

編集: http://jsfiddle.net/hKYWr/897/のよりクリーンなフィドル

4

3 に答える 3

1

私が使用した解決策は、最小高さを接続リストに設定することでした

.connectedList {
  min-height: 10px
}

http://jsfiddle.net/hKYWr/2367/

于 2016-01-10T12:12:41.363 に答える
1

これは、受け入れられた回答と同様に「ハッキーな」ソリューションですが、リストにパディング（上部/下部）を追加して、この問題を処理することもできます。

例えば

<ul style="padding-top:20px; padding-bottom: 20px;">

証拠については、ここでフィドルを参照してください。

これは、空のリストがドロップする「ターゲット」を提供しないことが問題であることを示唆しています。

min-height の設定も同様に機能します。

于 2015-03-31T17:48:36.290 に答える