Javascript jQuery mobile:如何调用此(默认)错误加载页面消息?
我正在构建RESTful移动应用程序,我喜欢找不到资源时的默认行为。jQuery Mobile显示了这一点: 然而,当我在OneError中执行自定义AJAX时(因为找不到资源),我希望显示一条奇特的消息(然而,我的代码中并没有发生任何事情,默认行为被忽略):Javascript jQuery mobile:如何调用此(默认)错误加载页面消息?,javascript,jquery,ajax,jquery-mobile,Javascript,Jquery,Ajax,Jquery Mobile,我正在构建RESTful移动应用程序,我喜欢找不到资源时的默认行为。jQuery Mobile显示了这一点: 然而,当我在OneError中执行自定义AJAX时(因为找不到资源),我希望显示一条奇特的消息(然而,我的代码中并没有发生任何事情,默认行为被忽略): //显示错误消息 $(“您的邮件”) .css({“display”:“block”,“opacity”:0.96,“top”:$(window.scrollTop()+100}) .appendTo($.mobile.pageCont
//显示错误消息
$(“您的邮件”)
.css({“display”:“block”,“opacity”:0.96,“top”:$(window.scrollTop()+100})
.appendTo($.mobile.pageContainer)
.延迟(800)
.fadeOut(400,函数(){
$(this.remove();
});
仅display:block
对于css是必需的,如果您确保您的div与标准错误div具有相同的类。
$("#some-place").bind("pageshow", function() {
$.ajax({
type: "POST",
url: "some-place/places.json",
cache: false,
dataType: "json",
success: onSuccessInitPlaces,
error: onErrorInitPlaces
});
return false;
});
function onSuccessInitPlaces(data, status) {
// do stuff, not important atm
}
function onErrorInitPlaces(data, status) {
// pseudocode I'd like to invoke for real
// should show attached picture
invokeFancyErrorLoadingPage();
}
//show error message
$( "<div class='ui-loader ui-overlay-shadow ui-body-e ui-corner-all'><h1>YOUR MESSAGE</h1></div>" )
.css({ "display": "block", "opacity": 0.96, "top": $(window).scrollTop() + 100 })
.appendTo( $.mobile.pageContainer )
.delay( 800 )
.fadeOut( 400, function() {
$( this ).remove();
});