单击$（'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")
    }