jquery-ui常规弹窗写法：

来源：互联网发布：网络电视盒子排行榜编辑：程序博客网时间：2024/06/05 04:08

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" );}}]});

效果图：

阅读全文

0 0