javascript - 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();
}

我会看看这是否会让你的警告消失。只看警告，谷歌地图似乎对某些事情不满意。