Internet Explorer で CSS スタイルシートを動的に確実にロードするにはどうすればよいですか?

IE での CSS スタイルシートの動的ロードの問題

次のように jQuery を使用して CSS スタイルシートを動的にロードしようとしています:

var head = document.getElementsByTagName('head')[0];
$(document.createElement('link'))
    .attr({ type: 'text/css', href: '../../mz/mz.css', rel: 'stylesheet' })
    .appendTo(head);

Internet Explorer で問題が発生する可能性があります(IE).

解決策:

IE では、最初のページ スタイルが読み込まれた後に新しいスタイルシートを確実に追加するには、 document.createStyleSheet(url ) 関数。

詳細については、Microsoft のドキュメントを参照してください。 createStyleSheet.

実装:

url = 'style.css';
if (document.createStyleSheet) {
    document.createStyleSheet(url);
} else {
    $('<link rel="stylesheet" type="text/css" href="' + url + '" />').appendTo('head');
}

以上がInternet Explorer で CSS スタイルシートを動的に確実にロードするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。