首页 > 解决方案 > 带有多余边距顶部的 jQuery 移动面板

问题描述

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

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

在此处输入图像描述

链接代码:

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

这可能是什么原因?

在此处输入图像描述

标签: jqueryjquery-mobile

解决方案


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

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

推荐阅读