AJAX çalıştırıldıktan sonra CSS stilleri yenilenmez

Question

Başka bir HTML dosyasındaki içeriği dizin sayfama eklemek için aşağıdaki AJAX kodunu kullanıyorum. AJAX düzgün çalışıyor ve içeriğim ortaya çıkıyor, ancak CSS'de kodladığım stiller AJAX çalıştırıldıktan sonra uygulanmıyor.

Soruna bir yanıt arayan ağı arıyordum, ancak şu ana kadar çalıştığım çözümler işe yaramadı. Aşağıda, eklediğim içerik üzerinde CSS yenilemeyi denemek ve zorlamak için .trigger ('create') kullanıyorum, ancak çalışmıyor. Sayfayı tarayıcıdan manuel olarak yenilediğimde, stillerim uygulanır. Birisi AJAX'ın tüm sayfayı yenilemeden çalıştırdıktan sonra stilleri nasıl yenileyeceğine dair bana doğru yönlendirebilir mi? indeks sayfasına eklenen ediliyor

$.ajax({ type: "GET", 
    url: pageToLoad, 
    async: false, 
    success : function(data) 
    { 
     $(data).find('#'+divID).appendTo('#contentcontainer').trigger('create'); 
    } 
}); 

HTML:

<div class="content" id="portfolio"> 
    <div class="wrapper"> 
     <h2>Portfolio</h2> 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum libero non egestas dapibus. Nam gravida, libero ac posuere eleifend, mauris nisi venenatis metus, non hendrerit magna justo eget lectus.</p> 
    </div><!--wrapper--> 
    <div class="clear"></div> 
</div><!--content--> 

CSS stillerinin default.css uygulanmaktadır:

#index {background-color:#82e4e5;} 
#portfolio {background-color:#fb5656;} 

Answer 1

Bunu denemek mü?

$.ajax({ type: "GET", 
    url: pageToLoad, 
    async: false, 
    success : function(data) 
    { 
     $(data).find('#'+divID).appendTo('#contentcontainer').trigger('create'); 
     $('#index').css("backgroundColor", "#82e4e5"); 
     $('#portfolio').css("backgroundColor", "#fb5656"); 
    } 
}); 

Answer 2

Bir AJAX çağrısından sonra stillerinizi yenilemeniz gerekmemelidir. Örnek olarak bir jsFiddle oluşturabilir misiniz?

Benim için çalışan bir jsFiddle oluşturdum. Ancak, div ile enjekte eden HTML'yi çevrelemeliydim. Ayrıca .trigger('create') kodundan kurtuldum.