Node.js는 records_javascript 기술을 삭제할 때 프롬프트 효과를 단순히 구현합니다.

样式

复system代码 代码如下:

jquery

复代码 代码如下:

< 스크립트 유형="텍스트/자바스크립트">
$(function() {
$("#Button1").click(function() { //注册删除按钮点击事件
$(".mask").show(); //显示背景color
showDialog(); //设置提示对话框的Top与Left
$(".dialog").show() //显示提示对话框
})
/ *
*根据当前页면与滚动条位置，设置提示对话框的Top与Left
*/
function showDialog() {
var objW = $(window) //当前窗口
var objC = $(".dialog"); //설명
var brsW = objW.width()
var brsH = objW.height()
var sclL = objW.scrollLeft ();
var sclT = objW.scrollTop();
var curW = objC.width();
var curH = objC.height();左边距
var left = sclL(brsW - curW) / 2
//计算对话框居中时的上边距
var top = sclT(brsH - curH) / 2;设置对话框在页面中的位置
objC.css({ "left": left, "top": top })
}


$(window).resize( function() {//页face窗口大小改变事件
if (!$(".dialog").is(":visible")) {
return;
}
showDialog(); //设置提示对话框的Top与Left
});


$(".title img").click(function() { //注册关闭图文点击事件
$(".dialog").hide();
$(".mask").hide()
})


$("#Button3").click (function() {//注册取消按钮点击事件
$(".dialog").hide();
$(".mask").hide();
})


$("#Button2").click(function() {//注册确정按钮点击事件
$(".dialog").hide();
$(".mask").hide();
if ($("input:checked").length != 0) {//如果选择了删除行
$(".divShow ").remove(); //删除某行数据
}
})
})



html

复主代码 代码如下:

< div class="divShow">

这是一条可删除的记录
<스팬>

删除时提示

您真的要删除该条记录吗?