javascript - Jquery 选择器不适用于 ajax 响应

Question

以下数据来自 ajax 响应，然后我将其附加到 DOM。

<label class="switch">  
<input name="new"  
    value=1 type="checkbox"  
    id="switchButton"  
    data-id="'+order.id+'"  
    data-toggle="toggle">  
<span class="slider round"></span>
    </label>

我使用以下方法来选择复选框值并切换 setButton div 的状态，但它不起作用。jquery 代码放置在文档就绪函数中。

$('#switchButton').click(function(){
                $('#setButton').toggle();
            });

我要隐藏和显示的 div 如下：

<div class="setButton" style="display: none;" id="setButton">
            <button type="button" name="button"></button>
</div>

注意：当我在 JavaScript 中执行该功能时，它可以工作，但会错过一些点击，比如一旦点击按钮就会显示，但再次点击时不会隐藏它，再次点击时会隐藏它。

标签： javascriptjquery

Answer 1

使用隐藏方法例如

$('#switchButton').click(function(){
            $('#setButton').hide();
        });