為了更好的用戶體驗,當用戶在刪除文章的時候給出一個提醒的功能,提示他是否刪除這篇文章。具體實現代碼如下:
html代碼:
<a link="{:U('Athlete/del/',array('uid'=>$vo['id']))}" href="javascript:void(0)" name="{$vo.name}" class="del">刪除 </a>
jquery代碼:
<script type="text/javascript">
$(function(){
$(".del").click(function(){
var delLink=$(this).attr("link");
confirm('你真的打算刪除【<b>'+$(this).attr("name")+'</b>】嗎?','溫馨提示',function(action){
if(action == 'ok'){
top.window.location.href=delLink;
}
});
return false;
});
});
</script>
效果圖:
其實就是用到confirm函數,這個與jquery沒有多大的判斷了,我也可以有更簡單的辦法如下
第一種:最簡單的JS刪除確認,直接寫在鏈接裡:
<a href=""javascript:if(confirm("確認要刪除該內容?"))location="del.asp?&areyou=刪除&id=1"">刪除</a>
第二種:定義一個函數,優點是可重復調用:
<script language="javascript">
function del_sure(){
var gnl=confirm("確定要刪除?");
if (gnl==true){
return true;
}else{
return false;
}
}
< /script>
調用方法:
<a href="del.asp?id=<%=rs("id")%>" onclick="javascript:del_sure()">刪除</a>