append（）文本包含链接时的jQuery问题

我的应用程序（单页布局）从服务器接收数据，我想要一个漂亮的基于按钮的导航，如：

<a data-role="button">Button X</a>
<a data-role="button">Button Y</a>

*编辑/更新*

好的，Rory McCrossan提出了一个非常好的建议，手动将ui链接类添加到锚元素中。这从技术上解决了我的问题，但更进一步，一个新的问题出现了。我确定是否要为此提出一个新问题：

如前所述，我想使用按钮进行导航，仅仅向按钮添加ui链接类是不够的。我用firebug检查过，似乎缺少某种启动方法。 这是工作按钮的代码：

<a class="ui-btn ui-btn-up-c ui-btn-corner-all ui-shadow" data-role="button" data-theme="c">
<span class="ui-btn-inner ui-btn-corner-all" aria-hidden="true">
<span class="ui-btn-text">1981 March 10.</span>
</span>
</a>

1981年3月10日。

下面我们来看看附加的按钮：

<a class="ui-link" data-role="button">1981 March 10.</a>

1981年3月10日。

---

好的，快速和肮脏，我可以复制代码，并设置所有跨度由我自己，但这听起来。。。。错误，一旦jQuery的结构发生了一些变化，就会立即中断。

您的代码工作正常。正在追加

A

标记，但是它没有以任何方式进行样式设置。如果将class

ui链接

添加到

A

标记中，它将与其他标记显示相同。我假设这个类是通过您包含的

jquerymobile

脚本加载添加的

有关示例，请参见

---

注意，我还将每个按钮的处理代码移到了它自己的单击处理程序中，以便为您提供更整洁的代码。

您不能在另一个按钮中使用-它无论如何都是无效的标记。您能澄清一下这是什么意思吗？我能看到的唯一嵌套结构是按钮+onclick=…append（）结构。谢谢。这就解决了链接的问题。但是我尝试实现它，它似乎有点复杂，因为我使用的是按钮。我已经为链接分配了您的fiddle data role=“button”-视力-似乎不起作用。编辑：我试着复制你的想法，给锚定标签分配了更多的类，比如ui bt和其他一些，但没有真正起作用。（我如何在评论中获得新行？

<a class="ui-link" data-role="button">1981 March 10.</a>