将锚标记附加到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。我尝试使用SignUpLink和.trigger()刷新.button('refresh')。但这似乎也不起作用。我真的不确定如何解决jsFiddle中发现的问题...

Answer 1

工作示例：http://jsfiddle.net/Gajotres/AtKhs/

将内容附加到页眉或页脚时，必须使用其他功能。

.trigger('pagecreate');

与仅增强内容的触发器（'创建'）不同，触发器（'pagecreate'）会尝试增强所有内容。

在我的博客文章 HERE 中详细了解相关内容，请查找名为“增强整页内容的章节。可以在那里找到工作实例。

Answer 2

这个问题可以通过这种方式更轻松地解决：交换.trigger（“创建”）地点：

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

测试并查看哪些内容可以完美运行并保存代码行。

用这个你消除第二行

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