Question

我一直在注册页面上工作。当我离线测试它时，一切似乎都很好，但是当我上传页面时，div的show-hide的jQuery代码不再起作用了。

这是我的代码：

<input type="checkbox" id="list" value="1" onchange="valueChanged()"><label>Include me in your mailing list</label>
        <div id="group" style="display:none;">
            <input type="checkbox"><label>Turf</label><br>
            <input type="checkbox"><label>Landcare</label><br>
            <input type="checkbox"><label>Landscaping</label><br>
            <input type="checkbox"><label>Landscaping Architects</label><br>
            <input type="checkbox"><label>Nurseries</label>
        </div>

这是jQuery脚本

    <script type="text/javascript">

    function valueChanged()
    {
        if($('#list').is(":checked"))
            $("#group").show(300);
        else
            $("#group").hide(300);
            $("#group").children().prop('checked', false);
    }
    </script>

我还有一个reCaptcha，它会影响我的代码吗？

Answer 1

JavaScript不是对空白敏感的。你的其他块可能没有做你认为的那样。代码看起来像解释器：

<script type="text/javascript">

function valueChanged()
{
    if($('#list').is(":checked")) {
        $("#group").show(300);
    } else {
        $("#group").hide(300);
    }

    $("#group").children().prop('checked', false);
}
</script>

简单的jQuery无法在PHP页面在线工作

1 个答案: