Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Menggunakan CSS Sebaris atau Luaran secara Dinamik dalam jQuery untuk Membetulkan Isu Penggayaan Chrome AJAX?

Bagaimanakah Saya Boleh Menggunakan CSS Sebaris atau Luaran secara Dinamik dalam jQuery untuk Membetulkan Isu Penggayaan Chrome AJAX?

Patricia Arquette
Lepaskan: 2024-12-15 12:49:39
asal
548 orang telah melayarinya

How Can I Dynamically Apply Inline or External CSS in jQuery to Fix Chrome AJAX Styling Issues?

Menggunakan CSS Sebaris atau Luaran Secara Dinamik Menggunakan jQuery

Anda mahu memuatkan kawalan Ajax secara dinamik ke dalam pop timbul Yahoo menggunakan jQuery dan menggunakan sendiri CSS kepadanya. Terdapat dua pilihan: helaian gaya sebaris atau luaran. Walau bagaimanapun, anda telah mendapati bahawa dalam Chrome, CSS yang dimuatkan melalui AJAX tidak dinilai apabila ditambahkan pada DOM menggunakan kaedah standard.

Untuk menyelesaikan isu ini, jQuery menawarkan beberapa pendekatan untuk menilai atau menggunakan lembaran gaya yang ditambahkan secara dinamik ke DOM:

Memuatkan CSS Sebaris

Menggunakan AJAX:

$.get(myStylesLocation, function(css)
{
   $('<style type="text/css"></style>')
      .html(css)
      .appendTo("head");
});   
Salin selepas log masuk

Memuatkan CSS Luaran Menggunakan Dibuat Secara Dinamik

$('<link rel="stylesheet" type="text/css" href="'+myStylesLocation+'" >')
   .appendTo("head");
Salin selepas log masuk

Memuatkan CSS Luaran Menggunakan Dicipta Secara Dinamik