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

Question

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

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

链接代码：

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

这可能是什么原因？

Answer 1

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

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