jquery - jQuery 和常规 javascript：防止 jQUery onclick 基于父结果触发

Question

我有一些简单的 HTML：

    <input type="submit" value="Save" onclick="return isAbleToSubmit();" id="testSubmit" class="alertWhenDone"/>
function isAbleToSubmit() {
    return confirm ("Do you want to continue?");
}

我比 jQuery 代码：

$(".alertWhenDone").click(function (event) {
   alert ("i am done");
}

如果他们在确认时选择是，我只希望在完成时发出警报。做这个的最好方式是什么？

请注意，我将其分开，因为我希望所有类alertWhenDone都具有显示处理链接消息的功能。

Answer 1

您可以从输入中删除 onClick 事件并执行以下操作：

$(function(){

 $('#testSubmit').click(function(){
    $return = confirm ("Do you want to continue?");
    if ($return == true){
        if ( $(this).hasClass('alertWhenDone') == true){
            //doStuff
            alert('done');                
        }
    }
 })        
})

例子

Answer 2

您可以使用data-*属性并将prompt字符串存储在其中。尝试这个：

<input type="submit" value="Save" data-confirm="Do you want to continue?" id="testSubmit" class="alertWhenDone"/>

$("input[type=submit]").click(function (event) {
   if (confirm ($(this).data('confirm'))) {
        alert ("i am done");
   }
})

演示