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

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

javascript - 關(guān)于jQuery插件開發(fā),defaults 定義了一個對象為空的方法,在外部調(diào)用時如何向這個空的方法添加方法

瀏覽:167日期:2023-02-21 15:28:22

問題描述

這是一個自己寫的一個簡單插件,問題在下面代碼中有注釋

(function($, window, document, undefined) { // 創(chuàng)造一個公共變量來構(gòu)建一個私有方法 var privateFunction = function() {// 不是很明白這個私有方法要如何使用,具體有什么用,找了一下資料也不是很明白 } var methods = {nTab: function(options) { return this.each(function() {// 關(guān)于 data() 有沒有必要用在這里,我理解 data() 函數(shù)是用來保存插件默認沒有的參數(shù)或方法用的。不知道這樣理解對不對。和我預(yù)留一個onSomeEvent 函數(shù)來增加一些功能有什么區(qū)別?var $this = $(this);var defaults = { tabTitle: ’.product-tab-title li’, tabContent: ’.product-tab-content’, tabTitleState: ’active’, tabContentBlock: ’block’, tabContentNone: ’none’, eventType: ’click’, onSomeEvent: function() {} // 這個為空的方法我預(yù)留處理打算以后遇到需要添加功能的時候使用,但怎么弄都不知道具體的使用方法};var settings = $.extend({}, defaults, options);$this.find(settings.tabTitle).on(settings.eventType, function() { index = $(this).index(); $(this).addClass(settings.tabTitleState).siblings().removeClass(settings.tabTitleState); $(settings.tabContent).eq(index).addClass(settings.tabContentBlock).removeClass(settings.tabContentNone).siblings(settings.tabContent).addClass(settings.tabContentNone).removeClass(settings.tabContentBlock);}); });} }; $.fn.userInCommonUseJsPlugin = 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); }})(jQuery, window, document);

這是我外部調(diào)用時的代碼

$(function(){ $(’.nTab’).userInCommonUseJsPlugin(’nTab’, {// 我想找這里寫一個onSomeEvent: function() {}來增加插件沒有的功能,該如何實現(xiàn) });})

問題在上述代碼里有注釋,還望大神指教!!!

問題解答

回答1:

好久沒寫過jquery插件了,應(yīng)該是用把外部添加值通過$.extend方法來拓充到內(nèi)部

回答2:

已經(jīng)找到其中一個答案了,關(guān)于回調(diào)函數(shù)的使用http://learn.jquery.com/plugi...

插件內(nèi)回調(diào)函數(shù)寫法

var defaults = { // We define an empty anonymous function so that // we don’t need to check its existence before calling it. onImageShow : function() {}, // ... rest of settings ... }; // Later on in the plugin: nextButton.on( 'click', showNextImage ); function showNextImage() { // Returns reference to the next image node var image = getNextImage(); // Stuff to show the image here... // Here’s the callback: settings.onImageShow.call( image );}

外部調(diào)用時使用回調(diào)函數(shù)

$( 'ul.imgs li' ).superGallery({ onImageShow: function() {$( this ).after( '<span>' + $( this ).attr( 'longdesc' ) + '</span>' ); }, // ... other options ...});

標簽: JavaScript
主站蜘蛛池模板: 国产在线精品一区二区 | 综合久久综合久久 | 91精品国产一区二区三区 | 国产乱码精品一区二区三区五月婷 | 亚洲精品免费视频 | 亚洲成av人片在线观看 | 欧美成年网站 | 国产99久久精品一区二区永久免费 | www免费视频 | 久久欧美高清二区三区 | 在线日韩在线 | 国产精品亚洲片在线播放 | 国产精品久久久久久福利一牛影视 | 国产精品国产精品国产专区不卡 | 成人精品| 99精品欧美一区二区蜜桃免费 | 日韩精品在线看 | 日韩在线视频一区二区三区 | 亚洲精品日本 | 九九久久在线看 | gogo肉体亚洲高清在线视 | 99久久精品一区二区毛片吞精 | 亚洲精品日本 | 国产电影一区二区在线观看 | h视频免费在线观看 | 日本中文字幕在线观看 | 伊人免费观看视频 | 亚洲高清免费 | 日韩成人在线播放 | 中文字幕亚洲精品在线观看 | 久草网址| 一级黄色大片 | 另类二区 | 精品国产一区二区国模嫣然 | 精品一区二区三区四区外站 | 日韩在线免费 | 久久毛片网站 | 国产精品入口麻豆www | 在线国产一区二区 | 一级免费在线视频 | 亚洲一区 中文字幕 |