2015-11-19 91 views
1

我有這個jquery確認碼,我嘗試將其轉換爲甜蜜提示確認。如何將jquery確認轉換爲甜蜜警報確認?

我目前的jQuery:

$('#nav-logout').click(function(){ 
      var res = confirm('Would you like to log out from the system?'); 
      if(res) { 
       return true; 
      } 
      return false; 
     }); 

有人可以幫助我如何將此代碼轉換成在上面的代碼甜美警報確認基地。謝謝!

+0

http://t4t5.github.io/sweetalert/ – Rayon

回答

3

這是多麼容易設置

$("#nav-logout").click(function(e) { 
 
    e.preventDefault() 
 
    swal({ 
 
\t \t title : "", 
 
\t \t text : "Would you like to log out from the system?", 
 
     type : "warning", 
 
     showCancelButton: true, 
 
     confirmButtonText: "Yes", 
 
    }, 
 
function(isConfirm){ 
 
    if (isConfirm) { 
 
     //window.location="logut page url"; // if you need redirect page 
 
    alert("Press Yes"); 
 
    } else { 
 
\t  alert("Cancelled"); 
 
    } 
 
    }) 
 
});
<script src="http://tristanedwards.me/u/SweetAlert/lib/sweet-alert.js"></script> 
 
<link href="http://tristanedwards.me/u/SweetAlert/lib/sweet-alert.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
 
<a href="http://anything.com" title="r" class="nav-tools" id="nav-logout">Logout</a>

+0

感謝您的響應代碼的例子。我也嘗試過,但按下按鈕時,它只顯示警報並自動重定向到註銷頁面。我甚至無法點擊確認按鈕,因爲警報快速消失。 – claudios

+0

是你的按鈕是一個錨標籤? –

+0

是的,像這樣Logout claudios