JQUERY UI手风琴开始崩溃


Answers:


197

在您的选项中指定:

{
  ...
  active: false,
  collapsible: true,
  ...
}

请参阅文档以了解active


到目前为止,Visual Studio 2010仍在JQuery 1.4.4上运行,尽管Visual Studio 2010在IE 8上引发了JScript错误(UI中没有错误)
deltree

9

我试图做同样的事情。使用Jquery UI选项卡。开始时,我不希望显示5个标签。

使用active:false显示第5个标签页的内容。所以我将CSS标签设置为display:none; 因为它可以在线更改显示。希望这对某人有帮助!

<script>
$(function() {
    $( "#tabs" ).tabs({
        active: false,
        collapsible: true,
    });
});

和风格

#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5{ 
    display:none;
}

4

我使用了这段代码,就像使用Dreamweaver窗口小部件一样,Topek没为我工作的代码希望对您有所帮助,

jQuery("#jQueryUIAccordion").accordion({ 
        event: "click",
        active: false,
        collapsible: true,
        autoHeight: false

    });

3

为了完成topex答案,使用Jquery UI 1.10.3,我必须在“活动”选项之前设置“可折叠”选项。

$( ".accordion" ).accordion("option", { 
    collapsible: true,
    active: false
});

请参阅说明文件


1

如果您使用的是所见即所得的“属性”,并且代码混乱,请尝试在“活动”框中输入一个比“节”列表多一个的数字。我有12个部分,并在其中放置“ 13”,它对我有用。


1

如果使用默认的jquery手风琴,则它总是显示第一个面板内容,您可以使用active: falseattribute禁用它。

jQuery(document).ready(function() {
    jQuery( "#accordion" ).accordion({
      collapsible: true,
      active: false,
    });
});

但它的默认行为是将所有面板都设置为最高面板的高度。因此,为此您必须添加"heightStyle"属性。

heightStyle: "content",

因此,每个面板的高度只能与其内容一样高。


0

如果您在代码中查看面板组的开头,请查找

<div id="collapseOne1" class="panel-collapse collapse in"> 

如果仅删除“输入”,则在页面加载时面板会关闭。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.