js面向对象插件的做法框架new goBuy('.cakeItem',{ add:'.add', reduce:'.reduce' },[1,0.7,0.6]);...

weixin_30429201

于 2019-03-29 09:07:00 发布

阅读量91

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/shimily/p/10619125.html

本文介绍了一个用于网站中实现商品购买功能的弹窗组件。该组件使用jQuery进行开发，并提供了增加和减少购买数量的功能，同时还实现了价格计算。文章通过具体代码展示了如何初始化数据以及显示弹窗。

/*弹窗购买蛋糕*/
;(function(){

var $DialogBg=$(".Dialogbg-Select");
 var $Dialog=$(".Dialog-Select");
 var $close=$(".s-closes");

 function goBuy(els,opts,disArr,dis) {
this.$els = $(els);
 this.$add = this.$els.find(opts.add);
 this.$reduce = this.$els.find(opts.reduce);
 this.num=1;
 this.max=50;
 this.oldPrice =0;
 this.totalPrice =0;
 this.newPrice =0;
 this.disArr = disArr;
 this.dis = dis;
 this._init();
 }

goBuy.prototype = {
strArr:[],
 add:function (ele) {

 },
 reduce:function (ele) {

 },
 /*价格计算*/
 counts:function (ele) {

 },
 initialize:function (ele) {
/*初始化数据*/
 var self = this;
 
 },
 
 showDialog:function () {
 $DialogBg.fadeIn();
 $Dialog.fadeIn()