拖动时阻止jQuery Mobile在列表视图项上切换

时间:2012-04-26 10:18:23

标签: jquery mobile draggable jquery-ui-sortable collapsable

我有一个jqm listview,其中有可折叠部分,并希望所有列表元素都可拖动(可以精确排序)http://jsfiddle.net/aaTAJ/20/

删除可折叠列表项后,其内容将被切换,这就是我想要摆脱的内容。

到目前为止,我有:

 jQuery('ul').sortable({
    revert: 50,
    axis: 'y',
    placeholder: 'ui-state-highlight',
    opacity: 0.75,
    start: function(event, ui) {
        window.preventCollapsibleToggle = true;

    },
    stop: function(event, ui) {
        window.preventCollapsibleToggle = false;
    }
})

需要在jqm核心中进行修改:

...
collapsible.bind("expand collapse", function(event) {
if (!event.isDefaultPrevented() && !window.preventCollapsedToggle) {

    event.preventDefault();

    /* ... */

}
}).trigger(o.collapsed ? "collapse" : "expand");

它正在运作,但如果可能的话我宁愿不改变jqm核心。

任何人都有更好的想法?

1 个答案:

答案 0 :(得分:0)

删除行

revert: 50,

似乎完成了这项工作:http://jsfiddle.net/aaTAJ/33/

此外,the documentation声明“revert”是一个布尔值。