在页脚中可折叠不会扩展到全宽

Question

我已将我的 Phonegap/Cordova 应用程序升级到最新的 Cordova、jQuery 和 jQuery 移动版本。现在我无法拥有全宽的可折叠 div。下面的代码在内容部分给了我一个完整的宽度，但在页脚中它只显示了一个有限的宽度（以前工作过）：

<div data-role="collapsible">
   <h3>I'm a header</h3>
   <p>I'm the collapsible content.</p>
</div>

这是我得到的：

Answer 1

正如您从检查中看到的那样，页脚中的可折叠元素被视为按钮并获得 display: inline-block css 设置，使其成为按钮大小。将其更改为块可启用全宽。

CSS

.ui-footer .ui-btn {
display: block !important;
}

演示

Collapsible in footer does not expand to full width