av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

javascript - 自己開發(fā)jQuery插件能不能實現(xiàn)一個插件里有多個功能

瀏覽:72日期:2023-02-25 10:22:58

問題描述

RT!比如,寫一個插件,里面有選項卡功能,有輪播圖功能,有彈窗功能等等當(dāng)然不需要這些功能都很強大,只是為了把這些功能集合起來,方便使用的時候調(diào)用就可以了我的思路是:用 var methods = {...} 包裹起來,里面的 ... 代表N各小功能。如:

var methods = { nTab: function(options) {return this.each(function() { var defaults = { ... }; // 每增加一個功能就要多寫一遍這個 settings = $.extend({}, defaults, options); // 執(zhí)行代碼} }, slide: function(options) {return this.each(function() { var defaults = { ... }; // 每增加一個功能就要多寫一遍這個 settings = $.extend({}, defaults, options); // 執(zhí)行代碼} } // N個小功能代碼 ...}$.fn.pluginName = function() { var method = arguments[0]; if(methods[method]) {method = methods[method];arguments = Array.prototype.slice.call(arguments, 1); } else if( typeof(method) == ’object’ || !method ) {method = methods.init; } else {$.error( ’Method ’ + method + ’ does not exist on jQuery.pluginName’ );return this; } return method.apply(this, arguments);}

目前自己照這種方法寫了一個插件,里面包含了一些自己經(jīng)常會用到的js特效,但總覺得這樣寫不好,但不知道需要做哪些改進,還請走過路過的前輩指點一下啊,謝謝啦!

不知道有沒有人也有和我一樣的需求,大家都是怎么來實現(xiàn)的?

問題解答

回答1:

你這就是要自己寫個庫的節(jié)奏啊!你現(xiàn)在的想法類似 jQuery EasyUI,它的每個組件都對應(yīng)一個 $.fn.<component>() 方法,這個方法第的一個參數(shù)是組件方法名,之后是這個方法的參數(shù),比如

$('#id1').panel('show')

這就是調(diào)用的 panel 組件的 show 方法。

這種寫法用慣也挺好,但是有個問題,就是很難在編輯器中實現(xiàn)語法提示。

另外一種方式是 MiniUI 的方式,它是通過一個特定的方法(mini.get())來根據(jù) DOM 獲取一個組件控制對象,然后跟使用普通對象一樣來使用這個對象進行相關(guān)的組件操作。比如

var panel = mini.get('id1');panel.show();

兩種方式應(yīng)該都能實現(xiàn)你的想法,區(qū)別就在于封裝一個函數(shù)(方法)接口和封裝一個對象接口的區(qū)別

回答2:

感覺你想做的是一個庫,包含了一些自己常用的功能。可以參考下這個項目的結(jié)構(gòu)

回答3:

怎么感覺你那個不是插件,更像ui組合

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 国产在线小视频 | 在线免费黄色小视频 | 午夜电影在线播放 | 欧美成人精品在线 | 久久精品国产一区二区电影 | 欧美日韩在线一区二区三区 | 中文一区二区 | 国产伦精品一区二区三毛 | 午夜影视在线观看 | a网站在线观看 | 九九热国产视频 | 超碰8| 男女那个视频 | 中文字幕在线一区 | 欧美成人在线网站 | 国产99视频精品免费播放照片 | 日日摸天天添天天添破 | 免费人成在线观看网站 | 日韩免费网站 | 神马久久av | 亚洲综合小视频 | 国产精品成人久久久久a级 久久蜜桃av一区二区天堂 | 国产精品自拍啪啪 | 日韩久久久久久久久久久 | 成人亚洲网 | 欧美日韩电影一区 | 精品少妇v888av | 在线观看国产视频 | 国产99免费 | 射欧美| 午夜寂寞影院在线观看 | 国产精品久久久久久吹潮日韩动画 | 古典武侠第一页久久777 | 日本天堂视频在线观看 | 成人av资源在线 | 精品视频www | 国产91久久精品一区二区 | 亚州国产| 狠狠色综合久久丁香婷婷 | 亚洲一区电影 | 成人国产精品 |