前端天空

致力于前端开发应用

一个简单的jQuery事件冒泡实例

08月 24th, 2011

今天一个负责奥数网的朋友问我一个简单的问题,就是点击出现下拉列表,再点击消失(点击空白处也同样消失),如图:

用到了jQuery的取消事件冒泡的方式:event.stopPropagation();

代码如下:

//下拉
function dropDown(moreArea,moreOn){
	$(moreArea).click(function(event){
		event.stopPropagation();
		$(this).toggleClass(moreOn);
	});

	$(document).click(function(event){
		$(moreArea).removeClass(moreOn);
	});

}

参照:http://hi.baidu.com/liquorbar/blog/item/59a6d0f3c8232c1eb17ec542.html

又见雅虎的13条军规

12月 29th, 2010

记得最初听到”军规”这个词还是在我面试央视前端优化工程师时他们的技术总监提到的.今天我们的副总也提到了检测军规的工具YSlow .看来现在优化页面必须提到第一级别来处理了!任务艰巨时间紧迫,只剩下2天的时间来完成12个JS的整合; 6个频道页面的样式整合;102张现有图片整合以及代码优化等。拼了…

前端天空

致力于前端开发应用