我发现以下代码在移动网络应用程序中显示吐司式警报,我想用它来向移动客户端中的用户显示这些消息:
var toast = function (msg) {
$("<div class='ui-loader ui-overlay-shadow ui-body-e ui-corner-all'><h3>" + msg + "</h3></div>")
.css({
display : "block",
opacity : 0.90,
position : "fixed",
padding : "7px",
text-align : "center",
width : "270px",
left : ($(window).width() - 284) / 2,
top : $(window).height() / 2
})
.appendTo($.mobile.pageContainer).delay(1500)
.fadeOut(400, function () {
$(this).remove();
});
}
我从这样的javascript中调用它:
toast("This is a test message");
当我导航到此代码所在的页面时,它会在第一次显示该消息。当我回到页面(第一次访问它)后,我收到此错误:
0x800a138f - JavaScript运行时错误:无法获取未定义或空引用的属性“pageContainer”
导致此错误的原因是什么?如何解决错误?我希望无论访问页面多少次,该函数都能够执行。