次の関数を 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を作成しました。可能かどうか調べてみましたが、似たようなものは見つかりませんでした。
何か案は?