Question

我正在使用jQuery版本1.7.1和jQueryMobile版本1.1.1的jQuery Mobile手风琴小部件。我希望手风琴在展开时占据一个固定的空间，以便页面的其余部分不会向下滚动，就像这里的演示一样：http://jqueryui.com/accordion/#default

我尝试过使用jQuery的'accordion'选项，但似乎它们不同。就像现在一样，手风琴组会根据内容改变大小，因此手风琴以下的内容会不断变化。

这是我的代码：

  <div data-role="collapsible-set">
    <div data-role="collapsible">
        <h3>Title 1</h3>
        <p>[content 1: very long]</p>
    </div>
    <div data-role="collapsible">
        <h3>Title 2</h3>
        <p>[content 2: normal length]</p>
    </div>
    <div data-role="collapsible">
        <h3>Title 3</h3>
        <p>[content 3: short]</p>
    </div>
    <div data-role="collapsible">
        <h3>Title 4</h3>
        <p>[content 4: short]</p>
    </div>
</div>

谢谢！

Answer 1

不要将jQuery Ui手风琴与jQuery Mobile手风琴混淆，它们没有任何共同之处。

jQuery Mobile手风琴可以强制使用固定高度和一些css更改：

.ui-collapsible-content {
    height: 50px !important;
    overflow-y:scroll !important;
}

直播 jsFiddle 示例：http://jsfiddle.net/Gajotres/YvhLk/

如果您不想要滚动条，请移除 overflow-y：scroll！important; 。

jQuery Mobile手风琴小工具自动高度不起作用

1 个答案: