提醒让我点击两次

alertify making me click twice

我有 HTML 行像这样

<div class="wsdRow">
        <div class="ib swsLbl">(new)</div>
        <div class="ib swsLbl"><input type="text" class="wsd"></div>
        <div class="ib swsLbl"><input type="text" class="wsAmount numbersOnly"></div>
        <div class="ib swsLbl">
         <button class="saveWC">save</button>
         <button class="delWC">-</button>
      <div class="wcResult ib"></div>
        </div>
        <div class="clr"></div>
</div>      

<div class="wsdRow">
        <div class="ib swsLbl">(new)</div>
        <div class="ib swsLbl"><input type="text" class="wsd"></div>
        <div class="ib swsLbl"><input type="text" class="wsAmount numbersOnly"></div>
        <div class="ib swsLbl">
         <button class="saveWC">save</button>
         <button class="delWC">-</button>
      <div class="wcResult ib"></div>
        </div>
        <div class="clr"></div>
</div>      

然后我像这样绑定删除按钮

$(".delWC").click(function(){ 
        var ths=$(this).parent().parent(".wsdRow");                 
            alertify.confirm("are you sure you want to delete this row?", function (e) {
                if (e) {
                            $(ths).remove();                                            
                } 
            });             
});

出于某种原因,我必须单击 alertify.confirm 两次。用户第一次单击 "ok" 时,该行会按预期删除,但警告会一直存在,直到他们再次单击。如果他们点击 "cancel",他们仍然需要点击两次,否则它不会消失。

试试这个

$('[id^=alertify]').remove();