将锚标记附加到jQuery Mobile Header无法正常工作

时间:2013-07-04 20:05:00

标签: jquery jquery-mobile markup jquery-mobile-button

我目前想要动态添加锚到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');

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

enter image description here

而是代码找到Here。我尝试使用SignUpLink.trigger()刷新.button('refresh')。但这似乎也不起作用。我真的不确定如何解决jsFiddle中发现的问题...

2 个答案:

答案 0 :(得分:1)

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

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

.trigger('pagecreate');

与仅增强内容的触发器('创建')不同,触发器('pagecreate')会尝试增强所有内容。

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

答案 1 :(得分:0)

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

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

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

用这个你消除第二行

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