單擊$（'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")
    }