ホームページ > ウェブフロントエンド > CSSチュートリアル > jQuery を使用して AJAX で読み込まれたコンテンツに CSS を動的に適用するにはどうすればよいですか?

jQuery を使用して AJAX で読み込まれたコンテンツに CSS を動的に適用するにはどうすればよいですか?

Barbara Streisand
リリース: 2024-12-02 12:04:15
オリジナル
849 人が閲覧しました

How Can I Dynamically Apply CSS to AJAX-Loaded Content with jQuery?

jQuery を使用したインラインまたは外部 CSS の動的適用

jQuery を使用して AJAX 経由で HTML コンテンツをロードする場合、CSS をロードされたコンテンツ。これは、動的に追加された CSS がブラウザによって自動的に評価されないためです。

評価のオプション:

この問題を解決するには、いくつかの方法を使用して CSS を動的に評価できます。 :

1. AJAX を使用して CSS をロードする:

$.get(myStylesLocation, function(css) {
  $('<style type="text/css"></style>').html(css).appendTo("head");
});   
ログイン後にコピー

2.動的に作成された の使用:

$('<link rel="stylesheet" type="text/css" href="'+myStylesLocation+'" >').appendTo("head");
ログイン後にコピー

3.動的に作成された