2011-09-07 93 views
1

我使用此功能加載我的內容.load():IE不加載CSS .load()元素和JS不工作

$(document).ready(function(){ 
    $("nav a").click(function() { 
    $("#main-content").load($(this).attr("href") + " #content > *"); 
    return false; 
    }); 
}); 

index.php文件包含樣式和腳本。

加載的內容只包含無頭,正文或樣式的div中的內容。

問題:

- IE8不加載樣式&此功能不起作用:

$(document).ready(function() { 

    if ($(window).width() < 630) { 
     $('aside').each(
      function(){ 
       $(this).parents('article').find('h2').after(this); 
        } 
     ); 
     } 

    if ($(window).width() > 630) { 
     $('aside').each(
      function(){ 
       $(this).parents('section').after(this); 
        } 
     ); 
     } 
}); 


$(window).bind('resize', function(){ 

    if ($(window).width() < 630) { 
     $('aside').each(
      function(){ 
       $(this).parents('article').find('h2').after(this); 
        } 
     ); 
     } 

    if ($(window).width() > 630) { 
     $('aside').each(
      function(){ 
       $(this).parents('section').after(this); 
        } 
     ); 
     } 

}); 

我已經試圖修復它像其他腳本:

$(document).ajaxComplete(function(){ }); 

..但它沒有奏效。

任何幫助是非常apprechiated。

回答

0

使用<link>明確加載CSS,並使用$.getScript()加載並執行javaScript文件。

+0

該CSS已經鏈接在index.php的頭部。 getscript()不能解決問題。 –

+0

您正在使用'$(「#main-content」)。load($(this).attr(「href」)+「#content> *」)'只會加載與該選擇器匹配的DOM元素。它不會抓取CSS(除非使用內聯樣式)。 – Blazemonger

0

aside上課嗎?

然後,你將不得不使用
$('.aside').each(而不是
$('aside').each(

articlesection也是如此。