sweetAlert彈窗組件

實現提示彈窗效果

<script src="/resources/js/sweetalert/dist/sweetalert.min.js"></script>
<link href="/resources/js/sweetalert/dist/sweetalert.css" rel="stylesheet" />

swal({
        title: "操做提示",
        text:"請從新輸入 !",
        type: "warning",
        showConfirmButton:true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "確認",
        closeOnConfirm: true
    },
    function(){location.reload();}
    );

alert

注意:引入js是否依賴jQuery或Bootstrap js不曾測試(**)

詳細使用語法和更多信息詳見:[ http://t4t5.github.io/sweetalert/ ]

其餘彈出框語法和使用以及效果詳見:[ http://www.tuicool.com/articles/JJVZfe ]

相關文章
相關標籤/搜索