jqueryui自动排序手风琴-这可能吗？

我想在jQueryUI中有一个类似于可排序的手风琴的东西，它会自动进行排序，即活动的手风琴面板（打开的最后一个面板）会自动移动到手风琴的顶部

有什么想法吗

以下是JQ UI页面的链接：

谢谢

这是我的密码（回复托马斯）：

---

将此代码添加到演示示例中：

$('#accordion')
  .accordion(
    'option',
    'change',
    function(event, ui){
      ui.newHeader.parent().prependTo(this);
    }
  );

编辑：

修改您的代码：

$(function() {
    var stop = false;
    $("#ccaccordion h3").click(function( event ) {
        if ( stop ) {
            event.stopImmediatePropagation();
            event.preventDefault();
            stop = false;
        }
    });

    $("#ccaccordion")
        .accordion({
            header: "> div > h3",
            autoHeight: false,
            change:
              function(event, ui){
                ui.newHeader.parent().prependTo(this);
              }
        })
        .sortable({
            axis: "y",
            handle: "h3",
            stop: function() {
                stop = true;
            }
        });

});

---

将此代码添加到演示示例中：

$('#accordion')
  .accordion(
    'option',
    'change',
    function(event, ui){
      ui.newHeader.parent().prependTo(this);
    }
  );

编辑：

修改您的代码：

$(function() {
    var stop = false;
    $("#ccaccordion h3").click(function( event ) {
        if ( stop ) {
            event.stopImmediatePropagation();
            event.preventDefault();
            stop = false;
        }
    });

    $("#ccaccordion")
        .accordion({
            header: "> div > h3",
            autoHeight: false,
            change:
              function(event, ui){
                ui.newHeader.parent().prependTo(this);
              }
        })
        .sortable({
            axis: "y",
            handle: "h3",
            stop: function() {
                stop = true;
            }
        });

});

---

我意识到这是一个较旧的线程，但我发现将“change”更改为“changestart”会导致在排序完成后出现幻灯片，在我看来，这看起来要好得多

如果您喜欢像我一样在排序完成后进行幻灯片，您可以更改：

$('#accordion')
    .accordion(
        'option',
        'change',
    function(event, ui){
        ui.newHeader.parent().prependTo(this);
    }
);

为此：

$('#accordion')
    .accordion(
        'option',
        'changestart',
    function(event, ui){
         ui.newHeader.parent().prependTo(this);
    }
);

---

将此添加到jQuery UI Accordion排序演示中，单击的标题将A.立即将其自身排序到最顶端，B.打开幻灯片。

我意识到这是一个较旧的线程，但我发现将“change”更改为“changestart”会导致幻灯片在排序完成后出现，在我看来，这看起来要好得多

如果您喜欢像我一样在排序完成后进行幻灯片，您可以更改：

$('#accordion')
    .accordion(
        'option',
        'change',
    function(event, ui){
        ui.newHeader.parent().prependTo(this);
    }
);

为此：

$('#accordion')
    .accordion(
        'option',
        'changestart',
    function(event, ui){
         ui.newHeader.parent().prependTo(this);
    }
);

---

将此添加到jQuery UI手风琴排序演示中，单击标题后，A.立即将其自身排序到最顶端，B.滑动打开。

嗨，托马斯！谢谢你的回复。我已经用我的代码更新了我的帖子，不确定这是否正确-我的js不是很好。我在Firebug控制台“丢失：在属性id[Break on this error]函数（事件，ui）之后”中遇到此错误{\n'手风琴坏了吗？不确定你是否收到关于我编辑的答案的通知，所以我发布此评论是为了通知你。太好了！现在效果很好，谢谢你的通知，我在这里努力想弄清楚。我真的必须提高javascript。嗨，托马斯！谢谢你的回复。我已经更新了我的pos使用我的代码，不确定这是否正确-我的js不是很好。我在Firebug控制台的“缺少：在属性id[Break on this error]函数（事件，ui）之后”中遇到了这个错误{\n'手风琴坏了吗？不确定你是否收到我编辑的答案的通知，所以我发布此评论是为了通知你。太好了！现在效果非常好，谢谢通知，我在这里发毛想弄清楚。我真的必须在javascript方面做得更好。