带有多余边距顶部的 jQuery 移动面板

Posted

技术标签:

【中文标题】带有多余边距顶部的 jQuery 移动面板【英文标题】:jQuery mobile panel with unwanted margin top 【发布时间】:2019-08-06 12:41:25 【问题描述】:

我的目标是使用 jQuery Mobile 1.4.5 在右侧创建一个面板,其中面板包含列表视图中的链接。点击“汉堡菜单图标”即可打开面板

不知何故,面板有多余的边距,按钮应该是一个图标,而不是一个简单的链接:

链接代码:

<a href="#right-panel" data-icon="bars" data-iconpos="notext" data-shadow="false" data-iconshadow="false">Menu</a>

这可能是什么原因?

【问题讨论】:

【参考方案1】:

似乎是 jQuery 文档和示例的问题:

    jQuery 示例缺少 data-role="button",如果每个链接应该显示为按钮,则需要该示例 菜单有一个边距,我只是通过添加margin:0px; 将其删除 复制和粘贴示例中的代码包含无法看到的元素。删除所有空格并重新添加它们

【讨论】:

以上是关于带有多余边距顶部的 jQuery 移动面板的主要内容,如果未能解决你的问题,请参考以下文章

jquery 移动面板的固定页脚

带有页面闪烁的jQuery移动元素

Android ListView 填充内容而不移动 ListView 高度?

jQuery 移动列表视图和面板

如何通过 jQuery 关闭 Foundation 中展开的移动顶部栏?

在 jquery 移动面板中打开一个新的 Web 表单