上一篇文中完成的封裝，還存在一個小問題，就是該輪播對象不能在同一頁面中重復(fù)使用，本文將通過組合使用javascript的構(gòu)造函數(shù)和原型模式創(chuàng)建對象來解決這個問題。
沒有看過上一篇文章的朋友可以點此查看上一篇文章 (jQuery圖片輪播（一）輪播實現(xiàn)并封裝)
首先回顧一下，上文的問題所在，上文中的carsouel對象是采用字面量的方式來定義的，這樣carsouel本就是一個實例，想要使用在多處時，這個對象的方法會發(fā)生沖突，最終只會執(zhí)行最后的那一個。而通過采用構(gòu)造函數(shù)的方式來定義對象carsouel，每次需要使用時只需要用new操作符來實例化一個新對象，頁面中需要幾處輪播就實例化幾個對象，這樣就可以滿足需求。所以，將代碼改成以下形式。
function Carousel()0;
this.hasStarted =
this.interval =
this.liItems =
this.len = 0;
this.aBox :
this.bBox : &
延伸閱讀
- ssh框架
2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍牙鎖
2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe
2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】
2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞
2017-07-26
- 從棧不平衡問題 理解 calling convention
2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明
2017-07-26
- Swift實現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解
2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應(yīng)用分析
2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二)
2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式