jQuery Mobile:この(デフォルト)エラー・ページ・メッセージを呼び出す方法は?

私は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();
}
4

1 答え

//show error message
$( "<div class='ui-loader ui-overlay-shadow ui-body-e ui-corner-all'>

YOUR MESSAGE

</div>" ) .css({ "display": "block", "opacity": 0.96, "top": $(window).scrollTop() + 100 }) .appendTo( $.mobile.pageContainer ) .delay( 800 ) .fadeOut( 400, function() { $( this ).remove(); });
11
追加された
完璧、ありがとう!
追加された 著者 Xorty,
divに標準エラーdivと同じクラスがあることを確認した場合は、 display:block のみがcssに必要です。
追加された 著者 alquatoun,
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript