JQuery Mobile: Как вызвать это (по умолчанию) сообщение об ошибке загрузки страницы? - PullRequest
Новая
       3

JQuery Mobile: Как вызвать это (по умолчанию) сообщение об ошибке загрузки страницы?

4 голосов
/ 25 ноября 2011

Я создаю мобильное приложение RESTful, и мне нравится поведение по умолчанию, когда ресурс не найден.jQuery Mobile показывает это:

enter image description here

Однако, когда я делаю свой пользовательский AJAX в onError (потому что ресурс не найден), я хотел бы показать необычное сообщение (однако, ничего не происходитв моем коде поведение по умолчанию игнорируется): 

$("#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();
}

1 Ответ

11 голосов
/ 26 ноября 2011 
//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();
  });
...