JQTOUCH-いつでも荷重が発生し、追加搭載。

StackOverflow https://stackoverflow.com/questions/2634473

質問

を使用していJQTOUCHとJQTOUCH複数のリンクが負荷によAJAXを滑ります。問題はありませんの負荷指示によりお客様に提供される.

い方の追加荷重のクラスは、AJAXによるスピンナーが来のajax通話搭載のクラス削除時の載荷を行い、ページが表示されます。

そのアイデア?

役に立ちましたか？

解決

これはあなたのリンクが李クラス=「矢印」の要素であれば、基本的な動作です。どのようにあなたのリンクを表示しているし、どこにあなたが表示へのロード・スピナーをしたいですか？

他のヒント

showPageByHref（）答えは部分的に正しいです。

しかし、代わりの

$('body').append('<div id="loadinginprogress">Loading...</div>');

あなたが必要とする

$('.current').append('<div id="loadinginprogress">Loading...</div>');

ボディjqtouchための一般的すぎる、現在に特異的であることの必要性は、

DIV-ページを表示しました

showPageByHref機jqtouch js始めてください。いすをご利用のajax電話でのお待ちくださいませフリッカをクリックすると、次のようにリンクしているも搭載。

短追加荷重div id loadinginprogressに例)前ajax通話や削除後の"成功"または"エラー".のajax通話の節のようにその(短い):

function showPageByHref(href, options) {
...
if (href != '#'){
    $('body').append('<div id="loadinginprogress">Loading...</div>');
    $.ajax({
        url: href,
        data: settings.data,
        type: settings.method,
        success: function (data, textStatus) {
            $('#loadinginprogress').remove()
            var firstPage = insertPages(data, settings.animation);
            if (firstPage)
            {
                if (settings.method == 'GET' && jQTSettings.cacheGetRequests && settings.$referrer)
                {
                    settings.$referrer.attr('href', '#' + firstPage.attr('id'));
                }
                if (settings.callback) {
                    settings.callback(true);
                }
            }
        },
        error: function (data) {
            $('#loadinginprogress').remove()
            if (settings.$referrer) settings.$referrer.unselect();
            if (settings.callback) {
                settings.callback(false);
            }
        }
    });
}
...
}

cssロdivのようなものです:

#loadinginprogress {
    -webkit-border-radius: 10px;
    background-color: rgba(0,0,0,.5);
    color: white;
    font-size: 18px;
    font-weight: bold;
    height: 80px;
    left: 60px;
    line-height: 80px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: 120px;
    width: 200px;
    z-index: 5000;
}
あなたのさまざま投稿いただきありがとうございます。彼らは私をたくさん助けた。

私はjQTouchが依存するjQtouchコードにパッチを適用せずに提案する解決策を持っています。 これは、jQueryのAJAX機能を使用します。


$(document).ready(function() {
...
  $('#jqt').ajaxStart(function() {
    console.log("ajaxStart");
    ...
  }).ajaxSuccess(function() {
    console.log("ajaxSuccess");
    ... 
  }).ajaxError(function() {
    console.log("ajaxError");
    .... 
  });
....
});
で利用可能な

詳細はこのjQueryのドキュメントページます。

あなたが行われたカスタムイベントハンドラを追加し、loading.gif毎回に特定の要素上でのクリックを誘発する可能性があります。

私はちょうどダーリンパーカーの質問を答えました。ちょうどそれをチェックアウト、それはあなたを助けることがあります。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top