创建JQM自定义加载消息

时间:2012-10-25 20:57:51

标签: jquery jquery-mobile

我在下面有一个正在运行的Jquery Mobile加载消息:

$.mobile.showPageLoadingMsg("a", "Fetching Operators");

但我希望这样做,

$.mobile.showPageLoadingMsg("a", "<div class='clearfix'>Fetching Operators</div><a href='default.aspx'>Use Simple Site</a>");

因此,如果用户的conn缓慢,他们可以选择点击指向简单网站的链接。

然而,HTML不会呈现,而是只显示为文本。谁能告诉我如何实现上述目标?

非常感谢您的帮助。

关心德文

1 个答案:

答案 0 :(得分:1)

看起来jQuery Mobile默认情况下不允许使用HTML(.text()方法最有可能在内部使用,而不是.html()方法),每次调用时看起来也像$.mobile.loading()方法(正在运行的方法的新版本),加载器的文本被重置。

这是jQuery Mobile 1.2的快速(脏)解决方案:

//show the loader, specifying to show the text message
$.mobile.loading( 'show', { textVisible : true } );

//now find the loader widget, find the text within it, and then set it's HTML
$("body").find(".ui-loader").find("h1").html("<div class='clearfix'>Fetching Operators</div><a href='default.aspx'>Use Simple Site</a>");

以下是演示:http://jsfiddle.net/nABCq/