我正在研究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>
最佳答案
用 jQuery 替换 $ 符号
关于JavaScript 和 WordPress : JS not loaded,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37527061/