親/子でdatatables.net例のような表を作成し、+/-応答ボタン

Question

私は以下https://datatables.net/

上の例では、私はすでに誰かが私が把握することができているコードであるとして同じテーブルを構築しようとしています私は何が欠けているのですか？

これはwordpressサイト上に構築されているので、wordpressはすでにjqueryを呼び出しています。ここでは、サイトへのリンクです：http://dev.americasfinestlighting.com/products/annandale-column-mount-2/

http://pastebin.com/D0w89Grx

私はモバイルのための親子関係を持っていたいと思います。上記の例のリンクのサイズを変更すると、緑と赤の拡大/縮小ボタンが表示されます。

おかげで、 ウィリアム

Answer 1

あなたは、スタイルシート内のDataTable()関数を呼び出すしようとしています。 <style>タグを<script>に変更してください。

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

DataTableにはjQueryが必要ですが、DataTableのみが含まれています。また、DataTableへの対応拡張を含める必要があります（https://datatables.net/download/release参照）。 jQueryを使ってCodepenにコピーが含まれ、すべての依存関係が満たさ：http://codepen.io/anon/pen/PNJqqz

Answer 2

あなたが<script>ため<style>タグを変更する必要があり、違いはそのタグが例えば基本スタイルのコードを変更することである。

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

と<script>タグには次のようなスクリプトコードが含まれています：

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