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

Posted 2023-03-21

【中文标题】页脚中的可折叠不会扩展到全宽

【英文标题】：Collapsible in footer does not expand to full width

【发布时间】：2015-02-28 23:39:44

【问题描述】：

我已将我的 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>  

这是我得到的：

【参考方案1】：

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

CSS

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

演示

http://jsfiddle.net/azhqam98/

【讨论】：

知道在这种情况下展开/折叠将如何动态工作。我试过 $('#hideshow').trigger('expand');但它不起作用。

@Anjum its, $( ".selector" ).collapsible( "expand" ); --- 和（折叠）

谢谢@Tasos。它可以与以前版本的 JQ 一起使用，但现在不行了。你的提示很有帮助。问候。

@Anjum 是的，我总是假设最近的 1.4+ 版本，因为（触发器）现在在 JQM 中被贬值了

@Anjum - 你使用的是什么 JQM 版本？如果 1.4+ 则触发器在所有小部件中都已贬值。在此处查看列表以获取新方法——api.jquerymobile.com/category/widgets