Soru Jquery kullanarak CSS nasıl yüklenir


Sunucuda bir css dosyası yükledim, böylece benimle bir URL alıyorum. JQuery'yi kullanarak perl koduma nasıl yükleyebilirim?

Şu anda bu sayfadan eksik olan masum sayfamda css kodlamasını yapıyorum

JQ.onReady('show', function(){
    JQ.addStyles({styles: ["\n\n.ap_classic { border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #2F2F1D; border-right:1px solid   #2F2F1D;background-color:#EFEDD4;padding:3px; }  .ap_classic .ap_titlebar { color:#86875D;font-size:12px;padding:0 0 3px 0;line-height:1em; }  .ap_classic .ap_close { float:right; }  .ap_classic .ap_content { clear:both;background-color:white;border:1px solid #ACA976;padding:8px;font-size:11px; } "]});
});

Bu css kodlamasını önlemek istiyorum?


45
2017-10-12 09:49


Menşei


Neden jQuery olmak zorundadır? Neden sadece çıktı değil link rel= kafasına mı? - Pekka 웃
Perl kodunuzda yüklediğinizi kastettiğinizden emin değil misiniz, dosyayı değiştirmek mi istiyorsunuz? Ya da sadece sayfada görüntülüyor musunuz? Eğer ikincisiyse, onu perl / html'den yüklemeyi denerdim. - Marko
olası kopyası Harici stil sayfalarını istek üzerine yükle? - Pekka 웃
Pekka: Benim düzenleme yardım mı? - TopCoder


Cevaplar:


Ben sadece nedenini ekleyemiyorum <link/> öğesinde <head/> bölüm, ancak burada bir jQuery pasajı var:

$('head').append( $('<link rel="stylesheet" type="text/css" />').attr('href', 'your stylesheet url') );

70
2017-10-12 09:58



Bir mason sayfası yaşıyorum. Yani, başlıklarını ayarlayabileceğim bir html sayfası değil. - TopCoder
Aynı deniyordu ... Ama IE sürüm 8, bu yöntemi kullanarak yüklü CSS yüklemez. - Rohan210
document.createStyleSheet ( 'style.css'); IE DÜZELTME - Rohan210
qunit'te test için yararlı - hba


Yine, göre Dinamik olarak yükleme css stil sayfası IE üzerinde çalışmıyor.

Href attr'ı en son ve sadece link elem başlığa eklendikten sonra ayarlamanız gerekir:

$('<link>')
  .appendTo('head')
  .attr({
      type: 'text/css', 
      rel: 'stylesheet',
      href: '/css/your_css_file.css'
  });

36
2017-08-15 07:49



.appendTo ('head') benim için de çalışıyor - Sergey
Doh, elbette ister! Bunu kodladığımda uykuda olmalıydım. Büyük değişiklik Sergey :) - ekerner