jQuery .get - 特定的HTML ID（非整页）

Question

我正在尝试使用jQuery ajax来调用项目页面。

假设xhr变量包含网页（目标页面）的正确字符串。我已阻止该页面，因为移动视口不会加载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导致我的页面崩溃。

有什么想法吗？

Answer 1

这是你想要做的吗？只附加包装器？

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

我会看到这是否会让你的警告消失。只是看一下警告，看起来谷歌地图并不高兴。