Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery mobile:如何调用此(默认)错误加载页面消息?_Javascript_Jquery_Ajax_Jquery Mobile - Fatal编程技术网

Javascript jQuery mobile:如何调用此(默认)错误加载页面消息?

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

我正在构建RESTful移动应用程序,我喜欢找不到资源时的默认行为。jQuery Mobile显示了这一点:

然而,当我在OneError中执行自定义AJAX时(因为找不到资源),我希望显示一条奇特的消息(然而,我的代码中并没有发生任何事情,默认行为被忽略):

//显示错误消息
$(“您的邮件”)
.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();
  });