需要在grails中實現確認框

Question

當我按下停止按鈕時，需要在grails中實現一個確認消息框。我的停止按鈕的代碼是

<a class="stopimg" href="${createLink(controller: 'Test', action: 'Stop', id: i.Id)}">&nbsp;Stop&nbsp;</a> 

我有確認消息框創建以及。

<div id="popup_box2"> 
    <div class="popup-warapper"> 
    <form name=""> 
     <div class="popup-title"><a id="popupBoxClose2" class="popup-close"><img alt="close" src="images/close.png"></a> 
     <div class="title">Confirmation</div> 
     <div class="clear"></div> 
     </div> 
     <div class="popup-content"> 
     <div>Are you sure you want to Stop the server?</div> 
     </div> 
     <div class="buttons"> <span> 
     <input class="popupBtn" type="button" value="Yes" name="stop_service" id="stop_service" /> 
     <input class="popupBtn" type="button" value="No" name="none" id="none" /> 
     </span> </div> 
    </form> 
    </div> 
</div> 

我加載這個在我的腦海

 $('.stopimg').click(function(){ 
    // When site loaded, load the Popupbox First 
    loadPopupBox2(); 
    }); 

     $('#popupBoxClose2').click(function() {    
     unloadPopupBox2(); 
    }); 

function loadPopupBox2() { // To Load the Popupbox 
     $('#popup_box2').fadeIn("slow"); 
     $('#popup_box2').css({ "left":(screen.width/2)-(285/2)}); 
     $("#mainWrapper").css({ // this is just for style 
      "opacity": "0.3" 
     }); 
    } 

     function unloadPopupBox2() { // TO Unload the Popupbox 
     $('#popup_box2').fadeOut("slow"); 
     $("#mainWrapper").css({ // this is just for style 
      "opacity": "1" 
     }); 
    } 

我需要以某種方式連接這個我停止按鈕。如果我使用html按鈕代碼工作，但是當我在grails中使用它時，它不起作用

Answer 1

向yes按鈕添加onclick處理程序。

$('.stopimg').click(function(){ 
    $("#stop_service").attr("onclick", "window.location.href='" + $(this).attr("href") + "';"); 
    loadPopupBox2(); 
}); 

$('#popupBoxClose2').click(function() {    
    $("#stop_service").removeAttr("onclick"); 
    unloadPopupBox2(); 
});