jQuery UI 可从 Accordion 中拖出

Question

我需要能够使用 jQuery UI 将元素拖出 Accordion 。不幸的是，被拖动的项目被“困”在 Accordion 内。

文档说使用:

$( ".selector" ).draggable({ appendTo: 'body' });

导致被拖动的元素从其当前父元素中删除并添加到提供的元素(在本例中为主体)。但是，那是行不通的。如果与克隆选项一起使用，它确实可以工作:

$( ".selector" ).draggable({ appendTo: 'body', helper: 'clone' });

但是，我不希望克隆此元素，因为屏幕上同时显示两个元素会让我们的用户感到困惑。

如何将项目从 Accordion 中拖出并防止其被克隆？

Answer 1

shaun5的答案对我有用，我最终这样做是为了解决问题。该行为与预期略有不同(例如，我可能应该更改 CSS 可见性属性而不是显示)，但它有效。

    $('.selector').draggable({
        appendTo: 'body',
        helper: 'clone',
        revert: 'true',
        start: function() {
            $(this).hide();
        },
        stop: function() {
            $(this).show();
        }
    });