带有多余边距顶部的 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 移动面板的主要内容,如果未能解决你的问题,请参考以下文章
Android ListView 填充内容而不移动 ListView 高度?