IE 7でAjaxコール後にCSSスタイルが消えた

Question

AJAX呼び出し後にスタイルが適用されないという問題がありました。私のスタイルはページの< HEAD>セクションになく、最初のPage_LoadでIEによって認識されました。

この問題を解決する他の方法が分かっている場合は、ここに投稿してください。

これは参考になりました。これが一部の人々に役立つことを願っています。

Answer 1

Google検索を行った後、私はその問題がmoving my styles into the < HEAD> tag of the page fixesであることを知りました。

Answer 2

また、AJAX HTMLからスタイルを取得して頭に挿入することもできます。ここにいくつかのサンプルコードがあります。 IE8とChromeでテストされています。

function enable_embedded_styles(html) { 
// Grab style content, and create new style element for it 
// Works for first set of <style></style> tags in html 
// Tested in IE and Chrome 
    if (typeof(html) === 'string') { 
     var beg = html.indexOf('<style>'), 
      end = html.indexOf('</style>'); 

     if (beg !== -1 && end !== -1) { 
      var style = html.substr(beg + 7, end - 7 - beg); // everything between style tags 
      html = html.substr(end + 8); // everything after closing style tag 

      s = document.createElement('style'); 
      s.setAttribute('type','text/css'); 

      // For IE 
      if (s.styleSheet) { 
       s.styleSheet.cssText = style; 
      } // endif 

      // For every other browser 
      else { 
       s.appendChild(document.createTextNode(style)); 
      } // endelse 

      // Append stylesheet to head 
      document.getElementsByTagName('head')[0].appendChild(s); 
     } // endif 
    } // endif 

    return html; 
} // endfunction