Ben Aşağıda</p> <p><a href="https://datatables.net/" rel="nofollow">https://datatables.net/</a> örneğin aynı tabloyu oluşturmak çalışıyorum

Question

ebeveyn/çocuk ve +/- duyarlı düğmeler ile datatables.net örnekteki gibi bir tablo oluşturun Zaten var kod biri bana anlamaya yardımcı olabilir neyi özlüyorum

Bu, bir wordpress sitesinde yerleşik olduğundan, wordpress zaten jquery'yi çağırıyor. Ben istiyorum http://dev.americasfinestlighting.com/products/annandale-column-mount-2/

http://pastebin.com/D0w89Grx

mobil cihazlar için ebeveyn çocuk ilişkisine sahip: Burada sitesine bir bağlantıdır. Yukarıdaki örnek bağlantıyı yeniden boyutlandırırsanız, yeşil ve kırmızı genişleme/sözleşme düğmelerini görürsünüz.

sayesinde William

Answer 1

Bir stil sayfası içindeki DataTable() işlevi çağırmak için çalışıyoruz. <style> etiketini <script> olarak değiştirin.

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#myTable').DataTable(); 
}); 
</script> 

DataTable jQuery gerektirir, ancak yalnızca DataTable'ı dahil ettiniz. Ayrıca, DataTable'a Duyarlı uzantı eklemeniz gerekir (bkz. Burada: https://datatables.net/download/release). jQuery dahil olan Codepen kopyalandı ve tüm bağımlılıkları memnun: http://codepen.io/anon/pen/PNJqqz Eğer <script> için <style> etiketi değiştirmek gerekir

Answer 2

, fark bu etiket örneğin baz stilleri kodunu değiştirmek için geçerli:

<style type="text/css"> //this change the H1 elements properties 
    H1 {border-width: 1; 
    border: solid; 
    text-align: center} 
</style> 

ve <script> etiketi şu kod dosyasını içerir:

<script type="text/javascript"> 
    document.write("Hello Javascript!") 
</script>