0

jQuery ajax を使用してプロジェクト ページを呼び出そうとしています。

xhr 変数に Web ページ (ターゲット ページ) への正しい文字列が含まれているとします。モバイル ビューポートが ajax リクエストを読み込まないため、ページをブロックしました。

$('a.project__block').on('click', function(e){

    var $el = $(this),
        viewportWidth = $(window).width();

    if (viewportWidth >= 768){
        e.preventDefault();

        var xhr = $.get($(e.currentTarget).data('href'));

        xhr
            .done(open_overlay)
            .fail(function(){
                alert('Could Not Connect, please report to admin!');
            });

    }
});

function open_overlay(data){
    close_overlay_window();
    $('body').addClass('active--overlay').append(data);
    supporting_code();
}

function close_overlay_window(){
    $('#bravedogers').remove();
    $('body').removeClass('active--overlay');
}

function supporting_code(){
    $('.ajax__close__link').on('click', close_overlay_window);
}

function remove__active__classes(){
    // Is the overlay active? If not dont close!
    if (viewportWidth < 768 && $('body').hasClass('active--overlay')){
        close_overlay_window();
    }
}

すべてのプロジェクト ページで一定のままである特定の ID をターゲットにしたいと考えています。

<div id="wrapper__container"></div>

現在、次のエラーが発生しています。

ここに画像の説明を入力

理想的には、ページがクラッシュする原因となる modernizr が読み込まれていることも確認できます。

何か案は？

4

1 に答える 1

0

これはあなたがやろうとしていることですか？ラッパーだけを追加しますか?

function open_overlay(data){
    close_overlay_window();
    var container = $(data).find('#wrapper__container');
    $('body').addClass('active--overlay').append(container);
    supporting_code();
}

それがあなたの警告を消すかどうかを確認します。警告を見るだけで、Google マップが何かに不満を感じているようです。

于 2014-09-29T16:00:37.107 に答える