javascript - JQuery UI Accordion - 可排序问题

标签 javascript jquery html user-interface jquery-ui-accordion

我使用此代码使 Accordion 可排序,并使事件的 Accordion 面板移至堆栈顶部:

    $(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;
            }
        });

});

但是它似乎不起作用。标准演示代码与我的 html 配合良好:

    $(function() {
        $( "#ccaccordion" ).accordion();
    });

有什么想法我哪里出错了吗?

提前致谢!

最佳答案

已排序,

我没有用另一个 div 包装 h3 和后续的 div。知道这会很简单。感谢您抽出时间托马斯!再说一遍,这只是我一个白痴......

关于javascript - JQuery UI Accordion - 可排序问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3853709/

相关文章:

javascript - onSelectRow 方法内的 Keydown 事件

javascript - 如何在 Javascript 中操作当前时间(多次并将其添加到表中)?

Jquery 自动完成在 Bootstrap 模型中不起作用

javascript - Sencha 日历的文档在哪里

html - 为什么我想要的超链接出现在不同的图像中?

javascript - 动态 Javascript 表格边框未正确调整大小

javascript - 当用户上下滚动时移动页面上的元素

javascript - 如何在 Firefox 中调试 "uncaught exception: undefined (unknown)"

jquery - 出现在 other 后面的 Div。如何避免这种行为?

javascript - jQuery 将选择选项移动到第二个位置