0

私はこのようなdiv構造を持っています:

<div id="container">
    <div id="row1" class="row">
        <div class="c1"></div>
        <div class="c2"></div>
        <div class="c3"></div>
    </div>      
    <div id="row2" class="row">
        <div class="c1"></div>
        <div class="c2"></div>
        <div class="c3"></div>
    </div>      
    <div id="row3" class="row">
        <div class="c1"></div>
        <div class="c2"></div>
        <div class="c3"></div>
    </div>      

</div>

上記のコードから、私が欲しいのは、行のみをソートできるはずです。そのように、row1をrow2と交換することを意味します。

私が試したこと:

 $("#container").sortable()
 $("#container").sortable({connectWith : '.row'})
 $(".row").sortable({connectWith : '#container'})

解決策は何ですか?私はすべてのプロジェクトでこの問題に直面しています.それを正確に使用する方法を説明できますか?

ありがとう

4

3 に答える 3

0

簡単に試してください

 $("#container").sortable({ handle : '.row'})
于 2012-05-30T07:29:40.073 に答える
0

こんな感じですか

その場合、必要な唯一の jQuery は次のとおりです。

 $("#container").sortable();
于 2012-05-30T07:36:48.650 に答える
0
 $("#container").sortable();

正常に動作しています。

デモ

問題は、次の原因で発生する可能性があります。

  • jQueryを含めるのを忘れる
  • jQueryUI ライブラリを含めるのを忘れる
  • でスクリプトをラップしないでください$(documet).ready(function() {...})
于 2012-05-30T07:32:47.527 に答える