单选按钮在Wordpress 7中不起作用

Question

<script type="text/javascript">
$(function(){
$('input.check1').click(function(){
$('#show1').show();$('#show2').hide();
});
$('input.check2').click(function(){
$('#show2').show();$('#show1').hide();
});
});
</script>

这是我试图在我的Wordpress 7.1页面之一中使用的Javascript代码，以使用单选按钮显示和隐藏包含表格的'div'部分。 以下是单选按钮的代码：

<input type="radio" name="chec" class="check1" checked="checked">Option 1
<input type="radio" name="chec" class="check2">Option 2

但这是行不通的。 我不知道该怎么办，也许Javascript没有触发？

Answer 1

尝试这个

<script type="text/javascript">
jQuery(function(){
    $('.check1').click(function(){
    $('#show1').show();
    $('#show2').hide();
});
   $('.check2').click(function(){
   $('#show2').show();
   $('#show1').hide();
});
});
</script>

另外，请确保标头中包含脚本源。

Answer 2

将所有“ $”符号替换为“ jQuery”

默认情况下，wordpress使用jQuery = noconflict