WebRoot/js/shop.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

// JavaScript Document

  $(function() {
	  //图片灯箱特效
            picLight();
			//计算并显示总价
            calTotal();



	//删除
	var delUlId;//保存要删除的无序列表的id属性值
	  $(".btnDel").click(function(){//单击“删除”链接
	      showMask();//显示透明度是30%的遮罩层
    setDialog();//设置提示框出现的位置
    $(".dialog").show();//显示提示框
	delUlId=$(this).parents("ul").attr("id"); //获取元素的祖先元素后，保存要删除的员工所在行的id属性值
    });
$("#closePic,#btnCancel").click(function(){//单击提示框的关闭图片和取消按钮
	$("div.dialog").hide();//提示框关闭
	$("div.mask").hide(); //遮罩层关闭
});
$("#btnSure").click(function(){//单击提示框的确定按钮
   //把"删除"按钮所在的行从表格中删除
   $("#shop-xx ul[id='"+delUlId+"']").remove(); 
   $("div.dialog").hide();//对话框关闭
   $("div.mask").hide(); //遮罩层关闭
   calTotal();
   picLight();
  });

 });
  function picLight() {
      //图片灯箱特效
      var settings = {
          containerResizeSpeed: 350,
          overlayOpacity: 0.5

      };
      $('#luxian a[title]').lightBox(settings);
  }

//设置对话框的位置
function setDialog(){
	var $wObj=$(window);//当前浏览器窗口
	var $dObj=$("div.dialog");//当前提示框
	var widW=$wObj.width();//当前浏览器窗口的宽度
	var widH=$wObj.height();//当前浏览器窗口的高度
	var diaW=$dObj.width(); //提示框的宽度
	var diaH=$dObj.height();//提示框的高度
	//计算提示框居中时的左边距
	var left=(widW-diaW)/2;
	//计算提示框居中时的上边距
	var top=(widH-diaH)/2;
	$dObj.css({"left":left,"top":top});
}
function showMask() {
    var bh = $("body").height(); //获取页面内容的高度
    var bw = $("body").width();//获取页面内容的宽度
    $("div.mask").css({