2014-09-29 46 views
0

我想用jQuery ajax來調用項目頁面。jQuery .get - 特定的HTML ID(不是整頁)

假設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> 

目前我收到此錯誤:

enter image description here

理想另外可以看到正在加載的modernizr會導致我的頁面崩潰。

任何想法?

+0

這是一個警告,而不是一個錯誤。它在哪裏拋出? – isherwood 2014-09-29 14:19:40

+0

ajax完成但轉儲整個html頁面,而不是特定的div。我指的是meta標籤。錯誤發生在chrome開發工具 – Neil 2014-09-29 14:29:04

+0

讓我換個方式。究竟是在什麼情況下發出警告? (點擊您提供的鏈接。) – isherwood 2014-09-29 15:33:48

回答

0

這是你想要做什麼?追加包裝?

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

我會看看是否讓你的警告消失。只要看看警告,看起來Google Maps對某件事情並不滿意。

+0

對不起,我正在尋找獲得一個特定的id代碼,而不是整個頁面。我已經有了頁眉和頁腳以及腳本。我只需要中心內容。與漢堡類似,我只想要肉而不是麪包和西紅柿:) – Neil 2014-09-29 16:04:07