logo标签列表

JQuery UI Sortable - 限制html可排序元素的拖动区域到特定子元素

javascriptjqueryhtmljquery-uijquery-ui-sortable
5

这是我的简化的div结构，我在上面应用了JQuery UI可排序交互（参见这个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>​

我希望只有当我拖动面板标题时，面板才能被拖动。是否有方法可以实现这一点？

3
就这样？http://jsfiddle.net/aRczV/ - Cybrix
1个回答
8
您可以在可排序交互中使用此选项。
handle:'.header'
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接