jQuery UI: HTML biçimlendirmesi yüklemek için en iyi yol?

oy
2

Özel bir jQuery UI widget için HTML biçimlendirmesi yüklemek için en iyi yolu nedir?

Şimdiye kadar sadece dizeleri kullanılarak oluşturulan elemanları gördüm (yani $(...).wrap('<div></div>')) basit bir şey için gayet. Ancak bu son derece zor, daha karmaşık elementler için sonradan değiştirmek mümkün kılar.

Bu oldukça yaygın bir sorun gibi görünüyor, ama aynı zamanda jQuery UI kütüphanesi bunun için yaygın olarak kabul gören bir çözüm olmayabilir yeterince yeni olduğunu biliyoruz. Herhangi bir fikir?

Oluştur 09/12/2008 saat 23:25
kaynak kullanıcı
Diğer dillerde...                            


4 cevaplar

oy
6

yapmak oldukça düzgün bir şey şudur:

var newDiv = $("<div></div>"); //Create a new element and save a reference
newDiv.attr("id","someid").appendTo("body");

Bu şekilde, bir element yaratılması edilir ve daha sonraki kullanım için, bir değişken referansını depolanması.

Cevap 09/12/2008 saat 23:49
kaynak kullanıcı

oy
2

Karmaşık HTML büyük miktarda var ve JavaScript kodunda kodlanmış dizeleri ile uğraşmak istemiyorsanız, ayrı bir HTML dosyasına koyup kullanabilirsiniz Ajax yük fonksiyonu .

Eğer HTML dosyasını (her şeyi, veya seçilen bir parçasını) yük mevcut DOM enjekte ve devam hakkı tutabilir, böylece chainable bu.

Cevap 21/09/2009 saat 23:45
kaynak kullanıcı

oy
1

Gerçekten karmaşık şablonlar için Çoğu kez ben sadece daha sonra erişmek ... mesela ilişkin JSON nesneleri dizeleri olarak html engelleri saklamak gerekir:

var temp = {
  header : "<div class='foo'><h3>{HEADER}</h3></div>",
  content : "<div class='bar'><p>{COPY}</p></div>"
}

şeyler geri geldiğinde Ve sonra sadece bu bazı değiştirme gerçekleştirin. Bu şekilde biçimlendirme yüzden biraz daha hızlı olabilir vb şablonları değiştirerek, veri yüklemek için mantıktan biraz ayrılır.

var text = "I am the header text";
var head = new String(temp.header);
$(target).append(head.replace("{HEADER}",text));

Neyse, bu yaklaşım AJAX widget'lar ve tasarım kökten etrafında değişebileceğini olasılığı vardır şey, bu tür benim için iyi çalıştı.

Cevap 21/09/2009 saat 23:19
kaynak kullanıcı

oy
0

biçimlendirme tarayıcı tarafından işlenmez böylece popüler bir, verimli yöntem, script etiketleri için sayfanın en altına çıkışı (daha sonra gerekebilir neyse) sizin ek biçimlendirme tüm etmektir.

<script type="text/template" id="template-example">
    <!-- All of your markup here -->
    <% // do some JavaScript in here... %>
    <%= echo_this_variable %>
</script>

Daha sonra jQuery kullanarak İşaretlemenizi yakala ...

var markup = $('#template-example').html();

Ve bu js böyle de biri olarak ben bir çiftleşmiş motoru kullanarak oraya attı örnekler, ayrıştırmak Underscore.js : (ı) tavsiye veya bu cevap jQuery olanlardan biri jQuery çiftleşmiş motorları

İyi eğlenceler!

Cevap 27/01/2013 saat 23:46
kaynak kullanıcı

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more