jQuery Mobile dinamik içerik ekledikten sonra stilleri geçerli değildir
Bu sorular ama benim için çalışıyor bu bir cevap değil, birçok yerde, (Forcing jQuery Mobile to re-evaluate styles/theme on dynamically inserted content) görünür biliyorum.
Bazı içerik ajax kullanarak, ve bu gibi bir div içine yerleştirmeden dolduruyorum:
$.ajax({
url: "../Services/CalendarService.cshtml?service=true",
cache: false,
success: function (data) {
data = $.parseJSON(data);
var s = $("#user_tmpl").html();
var s1 = tmpl(s, data);
$("#target").html(s1);
$("#targetRefresh").page();
}
});
Html ekliyorum her iki hedef üzerinde targetRefresh ayarı denedim ve hiçbir şans ile bu sayfada, ama yapmadım. Bu conent eklenir, ama stilleri uygulanmış değil.
Ayrıca denedim
.trigger("enhance")
Ne herhangi bir fikir?
Eklenen html bunlardan bir demet:
<div data-theme="e" data-collapsed="true" data-role="collapsible"> <h3>MyOwner2AA</h3> <p>MyDescription</p> <p>/Date(1320339836735)/</p> <p>MyOwner</p> <i></i> </div>
Herhangi bir yardım için teşekkürler
Larsi
CEVAP
Yeni içerik öğesi .trigger("create")
aramayı dene.
jQuery Mobile docs, "create
olay, bir veya daha fazla widget içeren ham biçimlendirme arttırmak için uygundur." göre
EDİT: JQuery Mobile 1.4 olarak, 8* is deprecated* ve sen .enhanceWithin()
yerine kullanmanız gerekir. (John Mc için teşekkürler uyarın.)
jQuery Mobile: dinamik eklenen içerik ...
iframe yüksekliği dinamik iç - JQUERY ...
Zorlama bir WordPress kullanmak yenide...
Nasıl jQuery Ajax çağrısından sonra bi...
Ve CSS pseudo-elementleri gibi manipül...