#管理系统#SemanticUI弹框

<script>
    function go(url) {
        $(".ui.modal")
            .modal({ //各种回调方法
                onShow: function () {
                    console.log("正在显示");
                },
                onVisible: function () {
                    console.log("完全显示");
                },
                onHide: function () {
                    console.log("开始隐藏");
                },
                onHidden: function () {
                    console.log("完全隐藏");
                },
                onApprove:function () { //单击确认按钮
                    console.log("确认");
                    window.location.href=url;

                },
                onDeny:function () {  //单击取消按钮
                    console.log("拒绝")
                }
            })
            .modal("show");
        return false;

    }
</script>

点击删除文章，会弹出提示

  <tbody>
                <#list tagList as tag>
                    <tr  >
                        <td >${tag_index}</td>
                        <td  >${tag.name}</td>
                        <td>
                            <a href="admin/tags/${tag.id}/edit"   class="ui mini teal basic button">编辑</a>
                            <a href="#" class="ui mini red basic button" onclick="go('/tags/${tag.id}/delete')"  >删除</a>
                        </td>
                    </tr>
                </#list>
                </tbody>

有一点需要注意：

如果 a 标签添加 click 时间处理，那么 href 不能是一个链接，不然会发生跳转

   <a href="javascript:void(0);"  onclick="go('/admin/types/${type.id}/delete')"  class="ui mini red basic button">删除</a>