JavaScript 和 WordPress : JS not loaded

Question

我正在研究this Wordpress website我正在使用一些 JS 来为表格添加动画。

我需要的是在选中顶部的复选框时“过滤”表格行。例如，当选择 Zimmer -> 4.5 时，仅显示类为 .zimmer4 的行。我现在正在使用这个脚本，但不起作用:

JS:

$(document.body).on('change', "#zimmer5", function() { 
    $("#tableID tr.zimmer5").toggle(!this.checked); 
});    

$(document.body).on('change', "#zimmer4", function() { 
    $("#tableID tr.zimmer4").toggle(!this.checked); 
});

$(document.body).on('change', "#zimmer3", function() { 
    $("#tableID tr.zimmer3").toggle(!this.checked); 
});

$(document.body).on('change', "#zimmer2", function() { 
    $("#tableID tr.zimmer2").toggle(!this.checked); 
});

这是我用于按钮的 HTML 代码

HTML

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<span class="dropdown">
        <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Zimmer
        <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<form class="filter">
<input id="zimmer4" class="unchecked" type="checkbox">4.5
<br>
<input id="zimmer3" class="unchecked" type="checkbox">3.5
<br>
<input id="zimmer2" class="unchecked" type="checkbox">2.5
<br>
</form>
</ul>
</span>

Answer 1

用 jQuery 替换 $ 符号