jquery 插件里的回调函数

今天有人给我说,他要在我的插件调用完成后执行一个方法,说我的插件不具有通用性,今天回来查了查,好好看了下js的回调函数,决定在插件中加入回调函数。

为了不妨碍其他的人使用该插件,我决定使用$.extend扩展参数。

以下是写的示例:html文件

	<script language="JavaScript">
		$(document).ready(function(){
			var opts = {
				callback:function(val){
					alert(val);
				}
			};
			$("input").test(opts);
		})		
	</script>
	<body>
		<input type="text" />
	</body>

 jquery插件:

(function($){
	$.fn.extend({
		test:function(options){
			var opts = $.extend({
				callback:function(){}
			},options)
			
			return this.each(function(){
				$(this).blur(function(){
					var v = $(this).val();
					opts.callback(v);
				});
				
			})
		}	
	})
})(jQuery)

 比较懒,就不多写了

你可能感兴趣的:(JavaScript,html,jquery)