JQuery 手风琴在拖放后不会自行打开

Question

我有以下 HTML 逻辑块：

• 第一个是可排序的 手风琴列表
• 第二个是列表 可拖动的手风琴。这些元素可以添加到可排序的手风琴中。

此处演示： http://jsfiddle.net/t3tVA/

所以我想按顺序移动我的可拖动元素使用可排序的手风琴添加它们。 它工作得很好，除了当我的元素被放在可排序的手风琴中时，它无法打开。

这是我的 JavaScript 代码：

$(function() {
$( "> div", "#questionsDispos" ).draggable({
    helper: "clone",
    revert: "invalid",
    cursor: "move",
    handle: "h3",
    connectToSortable: ".questions"
});

$( ".questions" ).accordion({
    header: "> div > h3",
    collapsible: true,
    active: false,
    autoHeight: false
}).sortable({
    handle: "h3",
    receive: function(event, ui) {
        $(ui.item).removeClass();
        $(ui.item).removeAttr("style");
    }
});

$( "#questionsDispos" ).accordion({
    header: "> div > h3",
    collapsible: true,
    active: false,
    autoHeight: false
});
});

这是我的 HTML：

<div class="questions">
    <div>
        <h3><a href="#">Question 1. My First Question ?</a></h3>
        <div>
            First content<br />
        </div>
    </div>

    <div>
        <h3><a href="#">Question 2. My Second Question ?</a></h3>
        <div>
            Second content<br />
        </div>
    </div>

    <div>
        <h3><a href="#">Question 3. My Third Question ?</a></h3>
        <div>
            Third content<br />
        </div>
    </div>
</div>

Questions disponibles :<br />
<div id="questionsDispos">
    <div>
        <h3><a href="#">Something</a></h3>
        <div>
            My Content Here<br />
        </div>
    </div>
</div>

请注意，我使用 jquery-ui-1.8.11.custom.min.patch.js 的修补版本，以便在可排序的接收事件中使用 ui.item。 （我用它来删除一些类，以使移动的元素看起来像其他元素）。 您可以在这里下载：http://www.toofiles .com/fr/oip/documents/js/jquery-ui-1811customminpatch.html

编辑：我在这里发布了一个演示，以便您可以测试它：http://jsfiddle.net/t3tVA/ 正如您所看到的，当您将“某物”放在顶部的手风琴中时，它就无法再打开

有人有解决方案吗？ 谢谢

Answer 1

根据此错误，这不是您现在可以开箱即用的操作。但是，如果您查看错误报告，有人通过向代码库添加额外的 autoActive 选项提供了解决方案。

另一种方法是销毁手风琴并在手风琴中掉落一个元素后重建。工作示例：

http://jsfiddle.net/t3tVA/1/