0

Google アナリティクスを使用して行うページビューを表示する必要があります。以下は、ページビューを表示するhtmlです

Pageviews: <span id="pageViews"></span>
           <span id="loadingGA">
                 <img height="12" alt="Loading..." src="../jsonData/images/waiting_icon.gif">
           </span>

ご覧のとおり、2 つのスパンがあり、1 つはページ ビュー カウントを表示し、もう 1 つはページ ビューが取得されるまで読み込みアイコンを表示します。私が使用している方法は次のとおりです。

$("#loadingGA").hide()
    .ajaxStart(function() {
        $(this).show();
    }).ajaxStop(function() {
        $(this).hide();
        $("#pageViews").show();
    });

以下は、ページビューを取得する方法です

function setPageviewsCount(url, displayId) {
var pageViews = "0";
$.getJSON(url, function(googleAnaltyicsData) {
    $.each(googleAnaltyicsData, function(i, gaData) {
        if(!jQuery.isEmptyObject(gaData)) {
            pageViews = gaData.PageViews;
        }
    });
    $(displayId).html(pageViews);
});}

問題は、すべて正常に動作するのに、ページ ビューが読み込まれた後でも読み込みアイコンが消えないことです。あらゆる可能なことを試しました。ガイドしてください。ありがとうございました！

4

2 に答える 2

2

.ajaxStop()および.ajaxStart()ドキュメントを読む

引用

ただし、jQuery 1.8以降、.ajaxStop()メソッドはにのみアタッチする必要がありdocumentます。

と

ただし、jQuery 1.8以降、.ajaxStart()メソッドはにのみアタッチする必要がありdocumentます。

$("#loadingGA").hide();

$(document).ajaxStart(function () {
    $('#loadingGA').show();
}).ajaxStop(function () {
    $('#loadingGA').hide();
    $("#pageViews").show();
});
于 2013-03-14T10:37:17.530 に答える
1

jQueryの仕様によると、 jQuery1.8.0以降.ajaxStartに.ajaxStopのみアタッチする必要がありますdocument。

これを試して：

$(document).ajaxStart(function () {
    $("#loadingGA").show();
});

$(document).ajaxStop(function () {
    $("#loadingGA").hide();
});
于 2013-03-14T10:37:34.940 に答える