Jquery UI Sortable - 子元素移动父项

时间:2014-02-25 13:43:14

标签: javascript jquery jquery-ui jquery-ui-sortable

我有以下html:

<div class="wrapper">
    <div class="box">
        <div class="box__title">
            <div class="box__move">move</div>
        </div>
        <div class="box__description">
        </div>
    </div>
    <div class="box">
        <div class="box__title">
            <div class="box__move">move</div>
        </div>
        <div class="box__description">
        </div>
    </div>
</div>

我希望“box__move”成为在“包装器”中移动“盒子”项目的触发器。

我希望以下内容可能会有效,但事实并非如此。所以,想知道是否真的有办法做到这一点。

$('.box__move').sortable({
    axis: 'y',
    items: 'parent .box'
});

任何人都可以提供帮助,或者这是不可能的?

2 个答案:

答案 0 :(得分:2)

尝试:

$('.wrapper').sortable({
    axis: 'y',
    handle: '.box__move'
});

答案 1 :(得分:0)

$('.wrapper').sortable({
    axis: 'y',
    handle: '.box__move'
});