javascript - 在两个函数中使用时，在文档就绪冲突中取消绑定(bind) jquery

Question

我有两个包含帖子和评论的页面。回复按钮的功能相似，都在文档就绪事件中使用解除绑定(bind)功能。不知何故，即使他们正在访问不同的类，也只有一个函数可以工作。当一个被注释掉时，它们都起作用。我感谢任何帮助和想法。谢谢!

//Replies Posts
$(document).ready(function () {
   $(document).unbind().on("click", ".btnReplySubmit", function() {
        if (!$.trim($(this).closest(".myRepliesForm").find(".textareaReply").val())) {
            alert("Empty Content");
        }
        else {
            $.ajax({
                url: "/Replies/Create/",
                type: "post",
                cache: false,
                data: $(this).closest(".myRepliesForm").serialize(),
                success: function() {
                    $(".reloadComments").load(location.href + " .reloadComments");
                    $(".reloadComments").show("slow");
                }
            });
            $(this).closest(".myRepliesForm").find(".textareaReply").val("");
        }
        return false;
    });
});

//Reply Review
$(document).ready(function () {
    $(document).unbind().on("click", ".btnReplySubmitReview", function () {
        if (!$.trim($(this).closest(".myRepliesFormReview").find(".textareaReplyReview").val())) {
            alert("Empty Content");
        }
        else {
            $.ajax({
                url: "/ReviewReplies/Create/",
                type: "post",
                cache: false,
                data: $(this).closest(".myRepliesFormReview").serialize(),
                success: function () {
                    $(".reloadCommentsReview").load(location.href + " .reloadCommentsReview");
                    $(".reloadCommentsReview").show("slow");
                }
            });
            $(this).closest(".myRepliesFormReview").find(".textareaReplyReview").val("");
        }
        return false;
    });
});

Answer 1

好吧，如果您在两个事件处理程序上都使用 unbind，其中一个函数将不可避免地解除绑定(bind)。您也不需要两次 ready 调用，因为一次就足够了，最后，您可以按如下方式链接您的事件处理程序绑定(bind):

$(document).ready(function () {
   $(document).unbind()
   .on("click", ".btnReplySubmit", function() {
        if (!$.trim($(this).closest(".myRepliesForm").find(".textareaReply").val())) {
            // ...
        }
        else {
            // ...
        }
        return false;
    })
    .on("click", ".btnReplySubmitReview", function () {
        if (!$.trim($(this).closest(".myRepliesFormReview").find(".textareaReplyReview").val())) {
            // ...
        }
        else {
            // ...
        }
        return false;
    });
});