jquery-ui常规弹窗写法:
引入依赖包:
<script th:src="@{/assets/js/jquery.js}"></script>
<script th:src="@{/assets/js/jquery-ui.js}"></script>
<script th:src="@{/assets/js/bootstrap.js}"></script>
容器html:
<div id="dialog-confirm-fail" class="hide">
<label>确定退稿?</label>
</div>
js代码:
$( "#dialog-confirm-fail" ).removeClass('hide').dialog({
resizable: true,
width: '400',
height:'150',
modal: true,
title: "提示",
title_html: true,
buttons: [
{
html: "确定",
click: function() {
$( this ).dialog( "close" );
$.ajax({
type : "POST",
url : "updateStatus",
data : {
"ids":mid,
"status":"unpassed"
},
success : function(data) {
layer.msg(data, {time: 1000});
setTimeout(function(){
window.location.href = getRootPath()+"/administrator/manuscriptManagement/";
}, 1000);
}
});
}
}
,
{
html: "取消",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
效果图: