具有多余边距的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. 复制并粘贴代码中有一些看不见的元素。删除所有空格，然后再次添加