what is the RIA? just it…||咖啡兔jQuery

为jstree添加双击事件切换[展开/收缩]功能

咖啡兔 — Sat, 19 Jun 2010 03:36:10 +0000

一、概述

jstree是一个基于jQuery开发的优秀树插件，能够快速生成美观实用的树；目前项目中使用了这个插件遇到了一点问题，以前使用simpletree的时候可以双击父节点[展开/收缩]子节点，但是好像jstree没有提供这个功能，所以只有自己开发了。

使用的版本号：jsTree 1.0-rc1
没有添加双击功能时：http://www.wsria.cn/demo/jstree/jstreeNormal.html

二、分析源码

因为现在要做的是监听双击事件所以在源码中查找[dblclick]，在整篇源代码中只有一个地方出现了dblclick，这就容易多了；

在第297行处，代码如下：

.bind("dblclick.jstree", function (event) {
	var sel;
	if(document.selection &amp;&amp; document.selection.empty) { document.selection.empty(); }
	else {
		if(window.getSelection) {
			sel = window.getSelection();
			try {
				sel.removeAllRanges();
				sel.collapse();
			} catch (err) { }
		}
	}
})

先不要看这些代码的意思，除非你想深入了解jstree的细节

三、修改源码

在修改源码之前先考虑一个问题，点击树左边的三角符号是怎么触发的事件，答案很简单，在源码中查找click.jstree，也就是第290行代码处，这里最主要的一句话就是

this.toggle_node(trgt);

，调用了jstree提供的toggle_node方法，也就是可以切换[展开/收缩]树节点，很好，我们可以借用一下

在298行代码处加入两行代码：

var trgt = $(event.target).parent().find('ins').get(0);
$jstree.toggle_node(trgt);

这里使用的$jstree定义在283行的

init	: function () {

之后，

var $jstree = this;

，用$jstree引用jstree对象以便调用提供的接口；
现在解释一下298行添加的那两行代码，第一行查询到ins标签，第二行调用jstree的toggle_node切换树分支的展开和收缩；
至此大功告成！

四、结果演示

有双击功能的演示：http://www.wsria.cn/demo/jstree/jstreeWithDblclick.html

五、程序下载

下载：jquery.jstree.dblclick.js 共 147 次

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/989 | 为jstree添加双击事件切换[展开/收缩]功能

没有找到.

jqGrid查询中文乱码问题解决办法

咖啡兔 — Fri, 23 Apr 2010 09:23:33 +0000

jqGrid是我用过最好的基于jQuery的列表插件，在项目中试用后效果很不错，基于jQuery UI的界面美观并且可以更好皮肤……

花了一天时间实现了增删改和查询功能，但是在查询中文的时候遇到了乱码问题……诡异，说一下情况：

我的开发环境是全站UTF-8，而且有编码Filter；
jqGrid版本为：3.6.4

在后台断点调试发现如下特点：

1、新增、编辑没有乱码问题

2、查询中文后台时得到的参数是乱码

然后就考虑了，如果是开发环境问题那肯定全部都有乱码问题，所以问题应该在jqGrid的查询函数里面，最后通过Firebug找到了：

c.find(".ui-search").click(function() {

这一行是查询功能的开始也就是点击“查询”的触发函数

所以根据以往的经验在这里把参数值编码一次就可以了，也就是encodeURIComponent函数具体修改如下：

找到第6202行

找到代码

6201
6202
6203

var p = jQuery(this).find("select[name='field'] :selected").val(),
g = jQuery(this).find("select[name='op'] :selected").val(),
f = jQuery(this).find("input.vdata,select.vdata :selected").val();

现在看到这里的3行代码就是查询时获取参数的3个变量，我们要修改的就是这里，最终代码：

6202
6203
6204

var p = encodeURIComponent(jQuery(this).find("select[name='field'] :selected").val()),
g = encodeURIComponent(jQuery(this).find("select[name='op'] :selected").val()),
f = encodeURIComponent(jQuery(this).find("input.vdata,select.vdata :selected").val());

到此大功告成

——————————–分割线———————————–

为了方便网友顺便提供本人修改后的jqGrid3.6.4版本的源码，分为3中类型（未压缩、迷你版、压缩版pack）

下载：jquery.jqGrid.3.6.4.js 共 149 次

下载：jquery.jqGrid.min.3.6.4.js 共 127 次

下载：jquery.jqGrid.pack.3.6.4.js 共 98 次

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/961 | jqGrid查询中文乱码问题解决办法

[转][推荐]jqGrid基础学习系列文章

咖啡兔 — Fri, 19 Mar 2010 02:53:34 +0000

最近项目中使用了jqGrid数据网格插件，看到了网友写的一系列文章分享给大家看

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/952 | [转][推荐]jqGrid基础学习系列文章

jQuery 1.4.1 中文文档 CHM 版发布

咖啡兔 — Tue, 02 Feb 2010 14:56:25 +0000

小飞翻译并制作的中文CHM jQuery 1.4.1文档

CHM文档地址：http://code.google.com/p/jquery-api-zh-cn/downloads/list

小飞博客：http://shawphy.com/2010/02/jquery-1-4-1-api-zh-cn-chm-released.html

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/807 | jQuery 1.4.1 中文文档 CHM 版发布

翻译：jQuery1.4新特性官方文档

咖啡兔 — Thu, 21 Jan 2010 04:45:40 +0000

从CSDN上找到了中文的jQuery1.4更新说明，发上来分享一下

下载：jQuery1.4官方文档.doc 共 237 次

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/800 | 翻译：jQuery1.4新特性官方文档

jQuery1.4 API 区别与更新中文版

咖啡兔 — Tue, 19 Jan 2010 11:32:11 +0000

前几天发不过jQuery1.4 正式版的简单更新说明，后来在网上找到 金山(一个网友) 博客翻译了，现在这社会就得做自己所长的，所以借用过来供大家看看：http://js.007studio.net/?p=276

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/796 | jQuery1.4 API 区别与更新中文版

jQuery 1.4 正式版发布啦(14 Days of jQuery)

咖啡兔 — Fri, 15 Jan 2010 02:18:41 +0000

jquery 1.4

发布了两个alpha版本，4小时前终于发布了1.4正式版，先放链接：

jQuery Minified (23kb?Gzipped)
jQuery Regular (154kb)
http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js

大致看了一下官网的更新文档：

jQuery1.4对代码库进行了内部重写组织，开始建立一些风格规范。老的core.js文件被分为attribute.js, css.js, data.js, manipulation.js, traversing.js和queue.js。CSS和attribute的逻辑分离。并修正了207个老版本的错误。

1、Easy Setter Functions（可以自定义一个function设置属性值）

.css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), .before(), .after(), .replaceWith(), .wrap(), .wrapInner(), .offset(), .addClass(), .removeClass(), and .toggleClass().这些setter方法可以传入一个function根据业务自定义需要设置的值

// find all ampersands in A's and wrap with a span
$('a').html(function(i,html){
  return html.replace(/&/gi,'&');
});
// Add some information to the title of the anchors
$('a[target]').attr("title", function(i,title){
  return title + " (Opens in External Window)";
});

重写了这些常用方法，大幅度提升性能
另外，attribute（改进了.attr()的性能）、jQuery()核心函数、CSS（.css()性能有两倍提升）、特效和事件、DOM操作等也有显著改进。

2、Ajax增加[保持原有数据类型标示]

在1.4版本之前如果想后台发送数据：{foo: ["bar", "baz"]}，则最后参数为foo=bar&foo=baz

// Enables for all serialization
jQuery.ajaxSettings.traditional = true;
 
// Enables for a single serialization
jQuery.param( stuff, true );
 
// Enables for a single Ajax requeset
$.ajax({ data: stuff, traditional: true });

使用traditional = true后参数为：foo[]=bar&amp;foo[]=baz

3、Ajax请求数据类型为[JSON, JavaScript]会自动识别

这一特性我认为做得很好，虽然现在还没有体验这个功能，之前开始用的时候也想过这个问题，为什么不能自动识别类型呢……

现在终于实现了，呵呵

如果在请求后台数据的时候没有设置类型，而后台返回的是JSON(application/json)或者JavaScript mime type (text/javascript or application/x-javascript)，如果类型为javascript则加载完成后会自动执行

E文烂，简单说一下吧

【其他新特性】：
1、增加对HTML5的支持
2、所有Ajax的Success回调增加XMLHttpRequest为第三个参数

【官网1.4版本相关链接】
jQuery1.4 API：http://api.jquery.com/category/version/1.4

下载、版本特性请访问：http://jquery14.com/day-01/jquery-14

期待中文API文档早日完成……

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/772 | jQuery 1.4 正式版发布啦(14 Days of jQuery)

庆祝开源个人账务管理系统Google PR上升到5

咖啡兔 — Wed, 13 Jan 2010 15:55:03 +0000

个人账务管理系统PR=5

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/767 | 庆祝开源个人账务管理系统Google PR上升到5

庆祝本站Google PR上升到4，欢迎友链( 0 )

推荐：基于jQuery开发仿Google Calendar(jQuery Week Calendar)

咖啡兔 — Tue, 12 Jan 2010 08:17:56 +0000

jQuery Week Calendar

在open-open上发现的，试了一下很不错，对于日常开发中对计划安排或者对操作性要求较高的可以使用这个插件

目前开发的一个系统正好需要这样的功能所以推荐给大家

官网：http://www.redredred.com.au/projects/jquery-week-calendar/

Live Demo

The following live demonstration? has a basic calendar with a few events in it. It demonstrates most of the major functionality by triggering events that are displayed as messages in the top right hand corner of the screen.? More demos will? come soon…

Demo 1 (Basic)

Demo 1 shows basic calendar functionality. Calendar Events are supplied as a local javascript array. All triggered events are displayed as messages, calendar events in the past are shaded gray using the eventRender callback.

Demo 2 (Multi data-source and dynamic config options)

Demo 2 allows you to select from two different data sources. These are both local javascript objects but could just as easily have come from a remote server. The data returned includes an ‘options’ property which overrides the default calendar options for ‘timeslotHeight’ and ‘timeslotsPerHour’.

Demo 3 (Create / update / delete using jquery UI)

This demo shows the use of jquery ui modal dialog for creating, updating and deleting events. It also demonstrates the use of

Staggered overlapping events

Querying the calendar for valid timeslots for a date to populate calendar event form select fields

Limited display of timeslots based on business hours

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/762 | 推荐：基于jQuery开发仿Google Calendar(jQuery Week Calendar)

求助：征集本博客LOGO

咖啡兔 — Sun, 10 Jan 2010 15:28:03 +0000

每个人都有自己的名字，博客也一样除了有title之外还应该有一个属于自己的LOGO，一直想设计一个但是苦于专长不是这方面未能如愿，所以现在只能通过此平台向设计这方面专长的网友征集图标，没有什么特殊要求，只要能表达本博客的 what’s the RIA就可以了，包括站点LOGO和地址栏的ico图标, 希望能得到您的支持；一经选中会立即启用并在博客声明图标来自XXX设计（如果有博客增加友链），期待您的投标……

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/753 | 求助：征集本博客LOGO

没有找到.

账务系统的演示视频和源码重新开放下载了……

咖啡兔 — Wed, 30 Dec 2009 15:41:14 +0000

由于前段时间有人盗链本站，所有暂时关闭了源码和视频下载，现在重新开放，如果再有盗链的情况将限制必须登录后才可下载

谢谢大家的支持！！！

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/745 | 账务系统的演示视频和源码重新开放下载了……

随机文章

推荐：2009 年度最佳 jQuery 插件

咖啡兔 — Sat, 12 Dec 2009 12:43:54 +0000

jQuery 是个宝库，而 jQuery 的插件体系是个取之不竭的宝库，众多开发者在 jQuery 框架下，设计了数不清的插件，jQuery 的特长是网页效果，因此，它的插件库也多与 UI 有关。本文是 webdesignledger.com 网站推选的2009年度最佳 jQuery 插件。

拉洋片
在一个固定区域，循环显示几段内容，这种方式很像旧时的拉洋片，2009年，这种 Web 效果大行其道，jQuery 有大量与此有关的插件，以下插件无疑是最佳的。
AnythingSlider

由 CSS-Tricks 的 Chris Coyier 设计，功能齐全，应用十分广泛。
Easy Slider

这个 Content Slider 插件既包含传统“前后”导航模式，又包含页码式导航。
Coda-Slider 2.0

Coda-Slider 2.0 是对 Panic Coda 网站上对应效果的模仿。
图片库
那些需要借助 Flash 实现滑动与渐入渐出效果图片库的日子已经去过，借助 jQuery，这种效果已经可以在本地实现，以下是本年度备受欢迎的几个 jQuery 图片库插件。
Galleria

这是一个基于 jQuery 的图片库，可以逐个加载图片并显示缩略图。
jQuery Panel Gallery

一个可以高度定义的图片库插件，无需对单个图片进行任何处理，这个插件会帮你完成一切。
slideViewer

slideViewer 会检查你的图片列表中的编号，动态创建各个图片的页码浏览导航。
Supersized

一个令人惊讶的图片循环展示插件，包含各种变换效果和预加载选项，会对图片自动改变尺寸以适应浏览器窗口。
导航
我们相信，作为网站的导航系统，应该越简单，越易用越好，然而，假如你确实希望实现一些更炫的效果，jQuery 就是最好的选项，以下插件是09年最好的 jQuery 导航插件。
jquery mb.menu

Horizontal Scroll Menu with jQuery

AutoSprites

表单和表格
在 Web 设计中，表单和表格都是不是很讨人喜欢的东西，但你不得不面对，本年度出现几个不错的 jQuery 插件帮你完成这些任务。
Password Strength

这个插件帮你评估用户输入的密码是否足够强壮。
Ajax Fancy Capcha

顾名思义，一个支持 Ajax 又很炫的 jQuery Captcha 插件，它使用了很人性化的验证机制。
Chromatable

这个插件可以帮助你在表格上实现滚动条。
jqTransform

一个式样插件，帮助你对表单中的控件进行式样控制。
Uploadify

实现多个文件同时上传。
jExpand

一个很轻量的 jQuery 插件，使你的表格可以扩展，在一些商业应用中，可以让表格更容易组织其中的内容。

本文来源：http://webdesignledger.com/resources/the-best-jquery-plugins-of-2009
中文翻译来源：COMSHARP CMS 企业网站内容管理系统官方站

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/733 | 推荐：2009 年度最佳 jQuery 插件

[推荐]改进的提示插件-jQuery.hiAlerts.1.0

咖啡兔 — Mon, 27 Jul 2009 04:59:13 +0000

引用此版本修改者的话：

由于工作上需要，在jquery.Alerts基础上改进的一个插件，现在有提示框，确认框，输入框，弹出提示层，顶部浮动提示层5个效果，我重命名他为hiAlerts，hi表示招呼的意思，这个可能还要修改添加一些效果，所以暂定为1.0版吧

演示：http://www.cssrain.cn/demo/jquery.hiAlerts.1.0/demo.html

下载：jquery.hiAlerts.1.0.rar 共 418 次

之前用过一些类似的插件，感觉这个做的很简洁、实用，所以推荐给大家

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/659 | [推荐]改进的提示插件-jQuery.hiAlerts.1.0

做了一次集成服务：基于weebox和simpletree的dialogtree诞生了

咖啡兔 — Thu, 16 Jul 2009 04:59:39 +0000

在之前的finance项目中我使用过weebox和simpletree两个插件，后来感觉不方便就自己做了下集成，如下效果：

weebox和simpletree的集成产物

后来陆续有很多网友问我要源码，因为前段时间公司事情太多就没有整理，最近有点空就花了一上午时间整理了一下

演示：http://www.wsria.cn/demo/dialogtree/index.html

下载：dialogtree.rar 共 1630 次

有问题请留言使用右边的联系方式CALL ME

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/625 | 做了一次集成服务：基于weebox和simpletree的dialogtree诞生了

随机文章

站点GBK编码下jQuery Ajax中文乱码解决方案

咖啡兔 — Wed, 01 Jul 2009 05:18:03 +0000

哎，还是老话题，一直缠绕着国人……

现在来个快刀斩乱麻，let’s go
由于项目前期使用的是1.2.6版本，后期使用的是1.3.2版本，所以分开来讲;

说说实现的办法，有点暴力——直接修改jQury源码，不过不用担心，不会影响整体功能而且就修改几行代码就可以解决乱码，也就是在发送请求的时候把参数值再进行一次转码，修改的方法为param

1、jQuery 1.2.6 乱码解决办法

打开1.2.6版本的源文件

找到第2911、2921、2924行，分别修改对应参数值的地方包裹一层encodeURIComponent即可，修改后的结果如下：

param: function( a ) {
		var s = [];
 
		// If an array was passed in, assume that it is an array
		// of form elements
		if ( a.constructor == Array || a.jquery )
			// Serialize the form elements
			jQuery.each( a, function(){
				s.push( encodeURIComponent(this.name) + "=" + encodeURIComponent(encodeURIComponent( this.value )) );
			});
 
		// Otherwise, assume that it's an object of key/value pairs
		else
			// Serialize the key/values
			for ( var j in a )
				// If the value is an array then the key names need to be repeated
				if ( a[j] &amp;&amp; a[j].constructor == Array )
					jQuery.each( a[j], function(){
						s.push( encodeURIComponent(j) + "=" + encodeURIComponent(encodeURIComponent( this )) );
					});
				else
					s.push( encodeURIComponent(j) + "=" + encodeURIComponent(encodeURIComponent( jQuery.isFunction(a[j]) ? a[j]() : a[j] )) );
 
		// Return the resulting serialization
		return s.join("&").replace(/%20/g, "+");
	}

下载：jquery-encode-gbk.1.2.6.js 共 489 次
下载：jquery-encode-gbk.pack.1.2.6.js 共 405 次

2、jQuery 1.3.2 乱码解决办法

1.3.2的就不用这么麻烦了，因为这个版本简化了param方法的结构，只需要修改一行代码即可，因为只有一个地方转码了

找到第3737行，同样包裹一层encodeURIComponent，结果如下：

	param: function( a ) {
		var s = [ ];
 
		function add( key, value ){
			s[ s.length ] = encodeURIComponent(key) + '=' + encodeURIComponent(encodeURIComponent(value));
		};

下载：jquery-encode-gbk-1.3.2.js 共 856 次
下载：jquery-encode-gbk-.pack.1.3.2.js 共 849 次

重要说明：后台必须要转码：java.net.URLDecoder.decode(request.getParameter(“name”), “UTF-8″)

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/611 | 站点GBK编码下jQuery Ajax中文乱码解决方案

如何判断一个请求是否为AJAX请求

咖啡兔 — Mon, 22 Jun 2009 03:26:58 +0000

昨天在搞一个系统的时候遇到一个问题，我要在后台判断这个请求来自哪里，就是说是通过URL直接访问的呢还是通过AJAX方式访问的，以此来判断该怎么处理和响应，在群里面询问了一下也没有人知道，后来就想修改JQUERY的源码，就是在提交的时候在URL中加入自定义的AJAX请求标示，但是想想这样做不太好，破坏了JQUERY的完整性；继续在搜索，后来终于发现了，哈哈

那么服务器如果区别这个请求是ajax呢？因为同步和异步ajax的请求的头文件是一样的。我们如果通过X-Requested-With”=”XMLHttpRequest”来标识这个请求是ajax的请求。如果服务器硬是要区分的话，就可以通过获取该头部来判断。

这是来自一篇JQUERY的AJAX请求的文章，这样我在后台获取header属性中的”X-Requested-With”就可以知道是什么类型的请求了

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/582 | 如何判断一个请求是否为AJAX请求

jQuery性能优化指南

咖啡兔 — Sat, 23 May 2009 06:54:48 +0000

第一部分：http://docs.google.com/View?id=dv9gvgk_6pdb5v4c6

第二部分：http://docs.google.com/View?id=dv9gvgk_7fdhtfvdn

第三部分：http://docs.google.com/View?id=dv9gvgk_8httvrgg6

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/555 | jQuery性能优化指南

用jQuery实现图片预加载.

咖啡兔 — Mon, 30 Mar 2009 15:16:15 +0000

网站系列中常用的图片预加载技术。

我将此技术用到了小图显示大图，效果还可以。

通过这个插件你可以完成更多的效果，比如图片相册，幻灯片等等。。。

期待更多朋友利用此插件开发更多效果。

演示：
http://cssrain.cn/demo/preloadimages/preload.html

下载：
http://cssrain.cn/demo/preloadimages/preloadimages.rar

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/485 | 用jQuery实现图片预加载.

一行jQuery代码打印九九乘法表

咖啡兔 — Wed, 25 Mar 2009 11:30:46 +0000

网友西_西_佛用一行代码打印九九乘法表
展示了jQuery的级联语法，简介且功能强大
这个程序的要求：不能用if,for,var xx =等常见js代码。只能用jquery的链式代码。

于是，要生成99表，必然要递归。可递归必然有终止的条件，那就得有if(n==0)return这样的
代码，又是不被允许的。那么jquery怎么才能终止呢？我想到了用find(‘p:lt(n)’)，n<0的时候
是会终止的。

而bind的使用，纯粹是为了递归循环。我们首先建立一个对象，绑定一个事件，无所谓了，比如error，然后在这个对象最后，triggerHandler一下，就能完成递归了。

这个程序有两个递归循环，外层的是建立九个，内层的是建立9个，在创建p的时候，把99口诀打出来。
代码如下：

$(document).ready(function(){
 
	$("").data('fact',8).css('margin','10px')
	         .appendTo(document.body)
			 .bind('error',function(){			 
				$(this).parent().find("div:lt("+ ($(this).data('fact')) +")").eq(0)
				       .before($(this).clone(true).data('fact',$(this).data('fact') - 1))
					   .unbind('error')
					   .append(
					     $("").data('fact',$(this).data('fact')).width(20).height(20)
							.css('display','inline').css('margin','10px')
							.appendTo($(this))
							.bind('focus',function(){
								$(this).text(($(this).data('fact') + 1) + 
									 "x" + 
									 ($(this).parent().data('fact') + 1) + 
									 "=" + 
									 ($(this).data('fact') + 1)*($(this).parent().data('fact') + 1)
									 )
									.parent().find("p:lt("+ ($(this).data('fact')) +")").eq(0)
									.before($(this).clone(true).data('fact',$(this).data('fact') - 1))
									.unbind('focus')
									.parent().find("p").eq(0).triggerHandler('focus');
								}).triggerHandler('focus')
					   ).parent().find("div").eq(0).triggerHandler('error'); 		
	         }).triggerHandler('error');
});

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/471 | 一行jQuery代码打印九九乘法表

what is the RIA? just it…||咖啡兔jQuery

推荐精选3枚jQuery遮罩插件

第一枚：Fancybox

第二枚：FaceBox

第三枚：ColorBox

相关文章

为jstree添加双击事件切换[展开/收缩]功能

一、概述

二、分析源码

三、修改源码

四、结果演示

五、程序下载

相关文章

jqGrid查询中文乱码问题解决办法

相关文章

[转][推荐]jqGrid基础学习系列文章

相关文章

jQuery 1.4.1 中文文档 CHM 版发布

相关文章

翻译：jQuery1.4新特性官方文档

相关文章

jQuery1.4 API 区别与更新中文版

相关文章

jQuery 1.4 正式版发布啦(14 Days of jQuery)

1、Easy Setter Functions（可以自定义一个function设置属性值）

2、Ajax增加[保持原有数据类型标示]

3、Ajax请求数据类型为[JSON, JavaScript]会自动识别

相关文章

庆祝开源个人账务管理系统Google PR上升到5

相关文章

推荐：基于jQuery开发仿Google Calendar(jQuery Week Calendar)

Live Demo

相关文章

求助：征集本博客LOGO

相关文章

账务系统的演示视频和源码重新开放下载了……

随机文章

推荐：2009 年度最佳 jQuery 插件

相关文章

[推荐]改进的提示插件-jQuery.hiAlerts.1.0

相关文章

做了一次集成服务：基于weebox和simpletree的dialogtree诞生了

随机文章

站点GBK编码下jQuery Ajax中文乱码解决方案

相关文章

如何判断一个请求是否为AJAX请求

相关文章

jQuery性能优化指南

相关文章

用jQuery实现图片预加载.

相关文章

一行jQuery代码打印九九乘法表

相关文章