jquery - 将锚标记附加到 jQuery Mobile Header 不起作用

Question

我目前想动态地将锚点添加到data-role = "header"div 中。我目前有以下代码：

HTML

<div data-role ="header">
     <div  id="SignUp"></div>
</div>

Javascript

$('#SignUp').append('<a data-icon="star" href="#" data-role="button" id="SignUpLink">Sign Up</a>');
$("#SignUpLink").trigger('create');

我遇到的问题是它没有产生以下内容：

在此处输入图像描述

而是找到Here的代码。我试图刷新SignUpLinkwith.trigger()和.button('refresh'). 但这似乎也行不通。我真的不确定如何解决在 jsFiddle 中发现的问题...

score 1 · Accepted Answer

将内容附加到页眉或页脚时，必须使用另一个函数。

.trigger('pagecreate');

与仅增强内容的 trigger('create')不同， trigger('pagecreate')将尝试增强所有内容。

在我的博客文章HERE中阅读有关它的更多信息，查找名为：增强整页内容的章节。可以在那里找到工作示例。

score 0 · Accepted Answer

这个问题可以通过这种方式更容易地解决：交换 .trigger("create") 位置：

$('#SignUp').append('<a data-icon="star" href="#" data-role="button" id="SignUpLink">Sign Up</a>').trigger('create');

测试并查看哪个可以完美运行并节省代码行。

有了这个，你消除了第二行

$("#SignUpLink").trigger('create');

2 回答 2