1

ajaxを使用してページをロードするWebサイトを作成しました。pushstate メソッドを使用して URL を変更しました。Web サイトをトラバースして [戻る] ボタンをクリックしても、何も起こりません。AdBlockをインストールすると、すべて正常に動作します。サイトはクロムで正常に動作しています。

$(document).on('ready readyAgain', function () {
function ChangeUrl(title, url) {
    if (typeof (history.pushState) != "undefined") {
         var obj = { Title: title, Url: url };
         history.pushState(obj, obj.Title, obj.Url);
    } else {
        alert("Browser does not support HTML5.");
    }
}

function loadPrevPage(ajax_url) {

    $.ajax({
        url: ajax_url,
        type: "GET",
        dataType: "html"
    }).done(function (data, textStatus, jqXHR) {
       var $divToFind = $($.parseHTML(jqXHR.responseText)).filter("#radio-main-wrapper");
        $('#radio-main-wrapper').html($($divToFind).html());
        var reponse = jQuery(jqXHR.responseText);
        var reponseScript = reponse.find(".all_wrapper script");
        jQuery.each(reponseScript, function (idx, val) {
            var parent_div = $(this).parent();
            window.ad_div = parent_div[0];
            if (val.text === "") {
                var src = val.src;
                $.getScript(src);
            } else {
                $.globalEval(val.text);
            }

        });
       $(document).trigger('readyAgain');
    }).fail(function (jqXHR, textStatus, errorThrown) {

    });
}

window.onpopstate = function (e) {
    loadPrevPage(location.pathname);
}

$("body a").click(function (e) {
    e.preventDefault();
       ChangeUrl('', ajax_url);
         $.ajax({
                    url: ajax_url,
                    type: "GET",
                    dataType: "html"
                }).done(function (data, textStatus, jqXHR) {
                  var $divToFind = $($.parseHTML(jqXHR.responseText)).filter("#radio-main-wrapper");
                    $('#radio-main-wrapper').html($($divToFind).html());
                    var reponse = jQuery(jqXHR.responseText);
                    var reponseScript = reponse.find(".all_wrapper script");
                    jQuery.each(reponseScript, function (idx, val) {
                        var parent_div = $(this).parent();
                        window.ad_div = parent_div[0];
                        if (val.text === "") {
                            var src = val.src;
                            $.getScript(src);
                        } else {
                            $.globalEval(val.text);
                        }
                    });
                    $(document).trigger('readyAgain');
                }).fail(function (jqXHR, textStatus, errorThrown) {

                });
    });
});

ここでコードを確認できます -- http://www.planetradiocity.com/popstate/

test1 または test3 に移動すると、戻るボタンを 2 回クリックする必要があります。

4

1 に答える 1

0

ブラウザが Google 広告を読み込むたびに、ページが履歴オブジェクトにプッシュされます。で Google 広告を読み込んでみることができますiframe。

于 2016-03-28T06:28:00.183 に答える