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

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");
});   

Memuatkan CSS Luaran Menggunakan Dibuat Secara Dinamik

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

Memuatkan CSS Luaran Menggunakan Dicipta Secara Dinamik

$('<style type="text/css"></style>')
    .html('@import url("' + myStylesLocation + '")')
    .appendTo("head");

$('<style type="text/css">@import url("' + myStylesLocation + '")</style>')
    .appendTo("head");

Penyelesaian ini harus memuatkan dan menggunakan CSS dengan berkesan dalam pop timbul, membolehkan anda mengekalkan penggayaan berasingan untuk kandungan anda yang dimuatkan Ajax.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggunakan CSS Sebaris atau Luaran secara Dinamik dalam jQuery untuk Membetulkan Isu Penggayaan Chrome AJAX?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!