<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>