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

Question

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

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

这是我得到的：

Answer 1

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

<强> CSS

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

<强>演示

http://jsfiddle.net/azhqam98/