单击$（'body'）。on（'click'）事件后禁用单击

Question

嗨，我想在用户点击某个元素后禁用点击

在脚本（由javascript构建的元素）之后加载的元素，我无法使用这些代码

     $('.disableClick').click(
            function (e) {
                e.stopPropagation();
                return false;
            }
        )

，然后单击

，使用这些代码对元素进行处理

    $('body').on('click','.disableClick',
                function (e) {
                    if(!is_valid)
                    {
                        e.preventDefault();
                        e.stopPropagation();
                        return false;
                    }
                }
            );

我认为禁用e.stopPropagation（）之类的点击代码不支持

  

$（'body'）。on（'click'）   事件

Answer 1

尝试一下：

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 <script type="text/javascript">
    $('body').on('click','.disableClick',
            function (e) {

                   $(this).attr("disabled", true);
            }
        );
</script>

它同时适用于body和document

Answer 2

我想您需要使用解除绑定。 尝试

    if(!is_valid){
    $('selector').unbind("click")
    }