0

次の関数を div のソート可能なグループに追加しようとしています。クリックするとグループの最初の位置に配置される各divにボタン(実際には何でもかまいません)が必要です。

<div id="sortable" class="content">
    <div class="tile">
        <div class="tile_header"><span class="header_text">Header 1</span></div>
        This is div 1.
        <br/><input type="button" name="button1" id="button1" value="Make me First"/>
    </div>
    <div class="tile">
        <div class="tile_header"><span class="header_text">Header 2</span></div>
        This is div 2.
        <br/><input type="button" name="button2" id="button2" value="Make me First"/>
    </div>
    <div class="tile">
        <div class="tile_header"><span class="header_text">Header 3</span></div>
        This is div 3.
        <br/><input type="button" name="button3" id="button3" value="Make me First"/>
    </div>
    <div class="tile">
        <div class="tile_header"><span class="header_text">Header 4</span></div>
        This is div 4.
        <br/><input type="button" name="button4" id="button4" value="Make me First"/>
    </div>
</div>

これらはdivです。

$(function() {  
    $( "#sortable" ).sortable({ 
        handle:".tile_header",
        revert:true
    });  
});  

これは、ソート可能への私の呼び出しです。

私が何を意味するかを示すjsFiddleを作成しました。可能かどうか調べてみましたが、似たようなものは見つかりませんでした。

何か案は?

4

2 に答える 2

3
 $(function () {      
    $("input:button").click(function () {
        $(this).parents(".tile").prependTo("#sortable");
    });
 });

http://jsfiddle.net/GrDBW/2/

于 2013-09-23T08:45:53.577 に答える
0

これは、コードが機能するための正しいマークアップではないと思います。

私は jquery sortable() API ドキュメントを読んでいましたが、読んだ内容から、グリッドとして表示したい場合でも、リスト内の要素を提供する必要があります。

http://jqueryui.com/sortable/#display-grid

于 2013-09-23T08:57:08.387 に答える