`
xichao007521
  • 浏览: 43730 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

jquery 插件里的回调函数

jQueryJavaScriptHTML 
阅读更多

今天有人给我说，他要在我的插件调用完成后执行一个方法，说我的插件不具有通用性，今天回来查了查，好好看了下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)

 比较懒，就不多写了

分享到：
| commandButton action not executed
评论
2 楼 xichao007521 2010-07-30  
会潜水的牛 写道
哪个是回调函数

#  callback:function(val){ 
#                 alert(val); 
#             } 
1 楼 会潜水的牛 2010-07-27  
哪个是回调函数
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    给jQuery方法添加回调函数一款插件的应用

    本文介绍了一款插件的应用，这个插件的主要功能是为jQuery方法添加回调函数。 首先，需要了解的是jQuery的$.Callbacks()对象，这是一个专门用于管理回调函数列表的工具，它允许开发者注册多个回调函数，以数组的...

    jQuery插件扩展实例【添加回调函数】

    在jQuery插件中添加回调函数，可以使得插件更加灵活，用户可以根据需求定制插件的行为。 首先，让我们深入理解回调函数的概念。回调函数是一个作为其他函数参数的函数，当外部函数执行完毕或满足特定条件时，会调用...

    表单验证jquery插件

    - **自定义事件**：插件提供了 `onValidationComplete` 回调函数，用于在验证完成后执行额外操作。 ## 5. 总结 jQuery Validation Engine 作为一个成熟的表单验证插件，其易用性和灵活性使得开发者可以快速创建...

    jquery插件开发文档

    而经常遇到的错误是误以为它在回调函数中代表jQuery对象，实际上它代表的是一个DOM元素。要获取jQuery对象，可以直接使用`this`，而不需要再次包装： ```javascript $.fn.myPlugin = function() { // 在回调函数中...

    回调函数应用.rar

    回调函数在IT行业中是至关重要的一个概念，尤其是在JavaScript、Python等编程语言中广泛使用。回调函数是一种函数，它作为参数传递给另一个函数，并在特定条件满足时被调用执行。这种设计模式允许我们延迟执行代码，...

    jquery插件-文章分页插件

    1. **初始化设置**：在插件被调用时，它会接收一些配置选项，如每页显示的条目数量、样式设置、回调函数等。这些选项可以通过一个对象传递，如`{itemsPerPage: 10, style: 'simple', onPageChange: function() { ......

    jQuerycountdown是一款功能齐全的jQuery倒计时插件

    2. **回调函数**：该插件提供了丰富的回调函数，允许开发者在倒计时到达特定时刻时执行自定义操作，增强了插件的灵活性和可扩展性。 3. **轻量级**：jQuery.countdown.js只有一个文件，代码精炼，加载速度快，对...

    JQuery插件开发

    在《jQuery插件开发全解析.pdf》这份文档中，作者可能详细阐述了插件开发的各个步骤，包括如何封装私有函数、如何处理回调函数、如何利用jQuery的data方法存储插件状态，以及如何优化性能。此外，还可能涉及如何与...

    解决使用ajaxFileUpload上传控件出现的问题：回调函数总是进入error或success

    然而，在实际应用中，开发者可能会遇到一些问题，如回调函数总是进入error或success状态，这通常与错误处理、请求状态、服务器响应以及代码实现有关。 首先，我们来详细了解一下`ajaxFileUpload`。这是一个基于...

    一个jQuery插件让你可以为实用的图像加载事件添加一个回调

    它允许开发者为图像加载完成这一事件添加回调函数，从而在图片完全加载后执行特定的操作，这在优化用户体验和处理图片依赖性操作时非常有用。 首先，我们来了解一下jQuery插件的基本结构。一个标准的jQuery插件通常...

    jquery插件库合集

    目前线上稳定使用已有2年多，丰富的接口，简单明了的调用方式，灵活的回调函数，让您轻轻松松打造出富有灵活交互的Web前端界面解决方案。 插件库封装了布局、表单元素、表单校验、弹窗、toast、气泡pop、tab切换、...

    模拟电子签章盖章效果的jQuery插件

    点击确定后，印章的位置等信息会被保存，并触发预设的回调函数，以便开发者进行后续处理，如保存至服务器或执行其他业务逻辑。 插件的实现依赖于以下文件： 1. **jquery.zsign.css**：这是插件的样式文件，定义了...

    jquery tab选项卡插件 轻量级tab选项卡插件支持鼠标滑过、点击、自动切换、数据回调等功能

    而JavaScript部分则负责处理选项卡的逻辑，包括初始化插件、响应用户交互以及调用数据回调函数。 总结来说，这个jQuery Tab插件提供了一套全面的选项卡解决方案，具备丰富的交互功能和高度的自定义能力，对于创建...

    拖动排序元素jquery插件

    3. 调用插件的初始化函数，设置必要的参数和回调函数。 4. 用户可以通过拖放操作改变元素的顺序，插件会自动更新DOM结构和（如果有的话）数据源。 5. 可能还需要处理一些边缘情况，比如拖放时的视觉反馈、排序完成后...

    JQuery信息提示框插件 jquery.toast.js 的使用

    5. **回调函数**：提供显示和关闭的回调函数，可以在提示框出现和消失时执行相应的操作。 **使用步骤** 1. **引入依赖**：首先确保页面已经引入了 jQuery 库，然后引入 `jquery.toast.js` 和对应的 CSS 文件，通常...

    鼠标双击或触摸双击事件检测jQuery插件

    在上面的代码中，`.element`是你希望监听双击事件的元素选择器，当用户对这个元素进行双击操作时，会执行回调函数中的代码。 **四、插件结构** 在提供的文件列表中，我们可以看到以下文件结构： - **index.html**...

    Jquery和jquery的常用插件

    Layer易于使用，只需几行代码即可创建出各种类型的弹窗，并支持自定义样式和回调函数，使得页面的交互更加生动和人性化。 这些jQuery插件的使用通常需要遵循以下步骤： - 引入jQuery库：首先，在HTML文件中引入...

    jquery插件

    6. **事件监听**：支持在图片切换前后触发回调函数，方便进行额外的业务逻辑处理。 jQuery的插件开发通常遵循一定的结构，包括主要的JavaScript文件和可能的CSS样式文件。开发者会将插件封装成一个函数，然后通过$....

Magicbox
Global site tag (gtag.js) - Google Analytics