SweetAlert不允许用户互动

Question

我正在使用SweetAlert.js来替换典型的alert();函数。点击顺序存在问题，在用户尝试提交不完整的表单后，我无法保留它。在jsFiddle的“显示”模式下，警报在页面加载时触发。在我设置的实际页面中，它根本不会触发，但警报的文本显示在页面的底部。

的jsfiddle：http://jsfiddle.net/mattography/d8s7rm19/1/

$("#submit").click(function() { 
if ('localStorage' in window && window['localStorage'] !== null) { 
    try { 
     //Get stored data 
     var users = JSON.parse(localStorage.getItem('users')); 

     if (users === null) { 
      //If no stored data, create empty array 
      //users = []; 
      sweetAlert("Oops...", "Something went wrong!", "error"); 
     } 

     //Create new user entry 
     user = { 
      name: $(".name").val(), 
      phone: $(".phone").val(), 
      website: $(".website").val(), 
      contact: $(".contact").val() 
     }; 

     //Add new entry to stored array 
     users.push(user); 

     //Save array 
     localStorage.setItem("users", JSON.stringify(users)); 

     alert("The data was saved."); 
     return true; 

    } catch (e) { 
     if (e == QUOTA_EXCEEDED_ERR) { 
      alert('Quota exceeded!'); 
     } 
    } 
    } else { 
     alert('Cannot store user preferences as your browser do not support local storage'); 
    } 
}); 

Answer 1

您需要防止从处理link事件。在这种情况下，使用方法：

event.preventDefault() 
// and 
return false; 

查看更新的解决方案：http://jsfiddle.net/d8s7rm19/2/