javascript - 无法执行点击事件

参考以下链接http://jsfiddle.net/Xtreu/，我试图通过单击事件“删除我的数据”按钮执行相同的功能，而不使用任何形式。我尝试了不同的方法，但是没有发生。有人可以帮我如何在点击事件上做同样的例子吗？

HTML：

<form method="post" action="/echo/html/">
    <input type="hidden" name="html" value="&lt;p&gt;Your data has been deleted&lt/p&gt;" />
    <input type="submit" value="Delete My Data" />
</form>
<div id="confirmBox">
    <div class="message"></div>
    <span class="button yes">Yes</span>
    <span class="button no">No</span>
</div>

Java脚本：

function doConfirm(msg, yesFn, noFn) {
    var confirmBox = $("#confirmBox");
    confirmBox.find(".message").text(msg);
    confirmBox.find(".yes,.no").unbind().click(function () {
        confirmBox.hide();
    });
    confirmBox.find(".yes").click(yesFn);
    confirmBox.find(".no").click(noFn);
    confirmBox.show();
}

$(function () {
    $("form").submit(function (e) {
        e.preventDefault();
        var form = this;
        doConfirm("Are you sure?", function yes() {
            form.submit();
        }, function no() {
            // do nothing
        });
    });
});

最佳答案

这里的代码不使用form

试试这个例子

<div id="msg" style="display:none">Your data has been deleted</div>
<input type="button" id="d_btn" value="Delete My Data" />
<div id="confirmBox">
    <div class="message"></div> <span class="button yes">Yes</span>
 <span class="button no">No</span>

</div>

脚本

function doConfirm(msg, yesFn, noFn) {
    var confirmBox = $("#confirmBox");
    confirmBox.find(".message").text(msg);
    confirmBox.find(".yes,.no").unbind().click(function () {
        confirmBox.hide();
    });
    confirmBox.find(".yes").click(yesFn);
    confirmBox.find(".no").click(noFn);
    confirmBox.show();
}

$(function () {
    $("#d_btn").click(function (e) {
        e.preventDefault();
        var form = $(this).closest('form');
        doConfirm("Are you sure?", function yes() {
            $('#d_btn').hide()
            $('#msg').show()
        }, function no() {
            // do nothing
        });
    });
});

DEMO

关于javascript - 无法执行点击事件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23005483/