jQuery可排序(如何自定义可排序框内的可点击区域)
jQuery可排序(如何自定义可排序框内的可点击区域)
提问于 2010-05-04 18:03:42
我有这个jQuery代码：
$(".right_box_holder").sortable({
update : function () {
var order = $('.right_box_holder').sortable('serialize');
$.get("right_menu_functions.php?change_sortorder&"+order);
}
});这段HTML代码如下：
<div class='right_box_holder'>
<div class='right_box' id='box_0'>
// sort box 0
</div>
<div class='right_box' id='box_1'>
// sort box 1
</div>
<div class='right_box' id='box_2'>
// sort box 2
</div>
</div>现在，我可以在.right_box中的任意位置单击并移动它。我想禁用它，并在.right_box中创建一个按钮/图标，用户必须单击该按钮/图标才能拖动该框。这个是可能的吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2010-05-04 18:16:13
演示：http://jsbin.com/iwufe4/edit
使用handle方法
$(".right_box_holder").sortable({
handle: '.button_icon_or_css_sprite', // use the handle method
update : function () {
var order = $('.right_box_holder').sortable('serialize');
$.get("right_menu_functions.php?change_sortorder&"+order);
}
});
<div class='right_box_holder'>
<div class='right_box' id='box_0'>
<img class="button_icon_or_css_sprite" />
</div>
<div class='right_box' id='box_1'>
<img class="button_icon_or_css_sprite" />
</div>
<div class='right_box' id='box_2'>
<img class="button_icon_or_css_sprite" />
</div>
</div>Stack Overflow用户
发布于 2010-05-04 18:07:08
这实际上是Draggable的一个特性--由sortable使用。
看看this example吧。祝好运!
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2764343
复制相关文章
相似问题
腾讯云开发者
