JQuery確認/提醒框不能正常顯示

我使用一個應用程序，當用戶點擊提交按鈕時，他會得到一個提醒/確認框。現在我面臨的問題是，在點擊2-3提示框後，但盒子不穩定，它突然消失，任何幫助將是偉大的，並提前謝謝你。JQuery確認/提醒框不能正常顯示

這裏試圖。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script> 
<script type="text/javascript" src="alert/js/alert.js"></script> 
<link rel="stylesheet" href="alert/css/alert.css" type="text/css"> 
<link rel="stylesheet" href="alert/themes/default/theme.css" type="text/css">--> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script> 


<link href="alert/css/alert.css" rel="stylesheet" /> 
<link href="alert/themes/default/theme.css" rel="stylesheet" /> 
<script src="alert/js/alert.js"></script> 
<script> 
$(document).ready(function(){ 
    $("#submit").click(function(){ 
     $.alert.open('confirm', 'Hello'); 

     }); 
    }); 
</script> 
</head> 

<body> 
<form method="post" action=""> 
<input type="submit" name="submit" id="submit"/> 
</form> 
</body> 
</html>

來源

2014-10-30 sameer kumar

什麼是alert.js腳本？ – Scimonster 2014-10-30 08:10:04

alert.js是不同風格的盒子，如警告框/確認框。@ Scimonster – 2014-10-30 08:46:58

您需要防止默認提交表單提交按鈕，當點擊：

$(document).ready(function(){ 
    $("#submit").click(function(e){ 
     e.preventdefault(); 
     $.alert.open('confirm', 'Hello'); 
    }); 
});

來源

2014-10-30 08:11:04 Barmar

任何方式我得到了答案@Barmar問題是在形式。如果我使用的形式比它不可能穩定箱子，但如果不是比它穩定。是否有任何方式來顯示在框form.i意味着表單子？ – 2014-10-30 08:50:13

如果您禁用提交，我認爲它應該是穩定的。在獲得確認後，您需要使用AJAX提交表單。 – Barmar 2014-10-30 08:51:49

它正在工作。謝謝@Barmar – 2014-10-30 08:54:08

JQuery確認/提醒框不能正常顯示

回答

相關問題