尝试显示通知的javascript运行时错误

时间:2013-07-31 20:40:32

标签: javascript jquery jquery-mobile

我发现以下代码在移动网络应用程序中显示吐司式警报,我想用它来向移动客户端中的用户显示这些消息:

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”

导致此错误的原因是什么?如何解决错误?我希望无论访问页面多少次,该函数都能够执行。

0 个答案:

没有答案