要更改jQuery alertify插件的样式,我做了以下工作,
这是头部,所有文件都以正确的顺序加载(我希望如此):
<head>
<meta charset="UTF-8" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript" src="javascript/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="alert/alertify.min.js"></script>
<script type="text/javascript" src="javascript/onsubmit.js"></script>
<link rel="stylesheet" href="alert/alertify.default.css" />
<link rel="stylesheet" href="alert/alertify.core.css" />
<link rel="stylesheet" href="alert/alertify.bootstrap.css" />
<link rel="stylesheet" href="style/style.css" />
</head>
这是onsubmit.js:
$(document).ready(function(){
$("form").submit(function(){
var dump = $("#dump").val();
if(dump) {
$.ajax({
url: 'check.php',
data: {data: JSON.stringify(dump)},
type: 'POST',
dataType: "json",
success: function (data) {
if(data.result == 1) {
alertify.alert( data.error, function() {}, 'popup1' ); // the first popup styled
return false;
}
if(data.result == 0) {
alertify.alert( data.error, function() {}, 'popup1' ); // the second popup styled
return false;
}
}
});
} else {
alertify.alert("message");
return false;
}
});
});
style.css:
.alertify.popup1 {
background: red;
}
.alertify.popup2 {
background: blue;
}
但是,接收到的数据的警报框仍然正常显示并且未修改。
我只是按照他的步骤:
How to insert an image into an alertify.js alert with JavaScript?,我的style.css包含在alertify.css之后,所以有人可以帮助我解决问题吗?问候
最佳答案
删除双jQuery包含。
可能您未设置用于自定义UI的第三个参数:
[可选]附加到对话框的类
码:
$(document).ready(function() {
$('#clicky').on('click', function(event) {
event.preventDefault();
alertify.confirm('Are you sure you want to delete this section?', function(e) {
if (e) {
}
},'popup2');
});
});
演示:http://jsfiddle.net/kBnPy/