1

ソート可能なリストに問題があります。内部にソート可能なリストを持つ2つのコンテナがあります。2 つのコンテナのうちの 1 つは、位置が固定されています。アイテムを固定コンテナーから別のコンテナーに移動することはできますが、非固定コンテナーから固定コンテナーにアイテムを移動することはできません。

$('ul').sortable({
  connectWith: $('ul'),
  items: '> li'
});

.fixed {
  position:fixed;
  left:100px;
  top:0;
}

<div class="fixed">
  <ul>
    <li>f1</li>
    <li>f2</li>
    <li>f3</li>
  </ul>
</div>
<div class="not-fixed">
  <ul>
    <li>nf1</li>
    <li>nf2</li>
    <li>nf3</li>
  </ul>
</div>

そこで問題を見ることができます：http://jsfiddle.net/mQP8p/

固定されたコンテナは、固定された位置にある必要があります (コンテナは、垂直方向および水平方向にページに追従する必要があります)。

誰かがこれを前に見たことがありますか？

ありがとう ！

4

2 に答える 2

0

あなたのnot-fixedクラス要素は幅が設定されていないようで、クラス要素の上に表示されていましたfixed。これが、リストをドラッグしても最初のリストをソートしていた理由ですfixed。not-fixedクラスの幅を設定するのと同じくらい簡単なことを試してください。

.not-fixed {
   width: 50px;
}

フィドル

注:親 div の幅を変更すると、要素をドラッグできる領域に影響します。それを試してみて、目的に最適な幅を確認してください。

于 2013-08-02T16:57:23.523 に答える
0

トリックは、「固定されていない」divにposition: absolute. 実用的なフィドル: http://jsfiddle.net/mQP8p/1/

于 2013-08-02T16:55:14.323 に答える