5

これは、JQuery UIの並べ替え可能なインタラクションを適用した単純化されたdiv構造です（このJS Fiddleの例を参照）。

<div id="sortable_panels">
    <div class="panel" id="panel1">
        <div class="header" id="panel1_header">Panel 1 header</div>
        <div id="panel1_content"></div>                    
    </div>    
    <div class="panel" id="panel2">
        <div class="header" id="panel2_header">Panel 2 header</div>
        <div id="panel2_content"></div>                    
    </div>    
    <div class="panel" id="panel3">
        <div class="header" id="panel3_header">Panel 3 header</div>
        <div id="panel3_content"></div>                    
    </div>    
    <div class="clear"></div>
</div>​

パネルヘッダーをドラッグするときにのみパネルをドラッグできるようにしたい。これを達成する方法はありますか？

4

1 に答える 1

8

このオプションは、並べ替え可能なインタラクションで使用できます

handle:'.header'
于 2012-12-13T12:41:53.143 に答える