`
linleizi
  • 浏览: 227169 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

JQuery UI accordion 设置事件对象

阅读更多
我们在使用JQuery UI accordion下拉的时候,可能不需要点击整个标题下拉,也许只需要点击某个图标才下拉。


例如上图,我只需要点击三角时下拉。

这个时候我们只需要改变时间触发的对象。当点击三角时触发下拉。

JQuery UI accordion 里需要改的地方:

		if ( options.event ) {
			// linql Update
			for (var i=0; i<self.headers.length; i++) {
				var spanElement = $(self.headers[i].firstChild);
				spanElement.bind( options.event.split(" ").join(".accordion "), function(event) {
					self._clickHandler.call( self, event, this );
					event.preventDefault();
				});
			}
			// end
			
			/*
			self.headers.bind( options.event.split(" ").join(".accordion ") + ".accordion", function(event) {
				self._clickHandler.call( self, event, this );
				event.preventDefault();
			});
			*/
		}


绑定事件的对象改变了。

		// var clicked = $( event.currentTarget || target ),
		var clicked = $( event.currentTarget.parentNode || target ),


可以参照附件。

  • 大小: 2.8 KB
分享到:
评论

相关推荐

    jquery ui accordion手风琴插件带动画的竖直手风琴

    jquery ui accordion手风琴插件带动画的竖直手风琴

    jquery UI accordion 菜单折叠

    NULL 博文链接:https://747017186.iteye.com/blog/1945210

    jquery-ui包含功能演示及代码

     jQuery UI实际上是jQuery插件,专指由jQuery官方维护的UI方向的插件 jQuery UI 与 jquery 的主要区别是: (1) jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。 (2) jQuery UI则是在jQuery的...

    jQuery-ui Demo 官方UI插件

    最新官方jQuery UI插件 主流特效Demo,绝不含糊。 好东西不需要过多的言辞修饰,下了就知道! 所有效果说明: 基本的鼠标互动: 拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing) 各种...

    jquery ui库

    jquery的ui库,包括以下插件:折叠框(accordion)、自动填充文本框(autocomplete)、按钮(button)、日期选择器(datepicker)、...工作上有用到,觉得挺好的,您也可以到http://jqueryui.com/上下载,希望对大家有用。

    JQuery教程自学笔记

    3.3.6 JQuery UI Menu (JQuery菜单) 88 3.3.7 JQuery UI Progressbar (进度条) 92 3.3.8 JQuery UI Slider (滑动条) 96 3.3.9 JQuery UI Spiner (微调框) 101 3.3.10 JQuery UI Tab (标签页) 103 3.3.11 JQuery UI...

    jquery-ui-1.8.16

    最新jquery ui 1.8版本 包含 Accordion tabs dialog overlay slider datepicker等常用插件

    jquery-ui-1.10.4.custom.zip

    jquery-ui,jquery, 必做要使用jQuery1.6+ 及以上 jQuery UI组件构成 jQuery UI 主要分为3个部分:交互、微件和效果库。 交互(Interactions) 交互部件是一些与鼠标交互相关的内容,包括缩放(Resizable) , 拖动...

    JQuery UI 中文帮助文档

    带示例 Draggable Droppable Resizable Selectable ...Accordion Datepicker Dialog Progressbar Slider Tabs 动画 AddClass RemoveClass Animate Effect Hide Show SwitchClass Toggle ToggleClass

    JQuery教程自学笔记总结

    3.3.6 JQuery UI Menu (JQuery菜单) 88 3.3.7 JQuery UI Progressbar (进度条) 92 3.3.8 JQuery UI Slider (滑动条) 96 3.3.9 JQuery UI Spiner (微调框) 101 3.3.10 JQuery UI Tab (标签页) 103 3.3.11 ...

    JQuery教程自学笔记(最新)

    3.3.6 JQuery UI Menu (JQuery菜单) 88 3.3.7 JQuery UI Progressbar (进度条) 92 3.3.8 JQuery UI Slider (滑动条) 96 3.3.9 JQuery UI Spiner (微调框) 101 3.3.10 JQuery UI Tab (标签页) 103 3.3.11 ...

    jQuery-ui-1.8.19

    Query UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。所有插件测试能兼容  IE 6.0+, ...

    jquery ui 插件 效果不错

    [Interactions] Draggable Droppable Resizable Selectable Sortable ...These demos showcase some common uses of each jQuery UI plugin. Simply copy and paste code from the demos to get started.

    Jquery UI插件,ZinoUI 1.2.3四个颜色主题

    比较好的一个JqueryUI插件。 版本1.2.3 有四个颜色:blue silver dark sky 每个组件的js,css文件可以分开引用,比如你在一个页面中只需要用到进度条,就只需要引用核心文件和进度条css,js 文件就可以了。不需要...

    jQuery UI手风琴-取消更改

    防止用户更改jQuery UI Accordion控件上的活动面板的简单方法

    jquery UI 设计插件

    Accordion、Tabs、Dialog、Framework Icons (content color preview)、Slider、Datepicker、Progressbar 等这几种 Jquery ui 设计。 样式什么的齐全。 挺特效的

    关于jQuery UI 使用心得及技巧

    1 jQuery UI 2 为我所用 2.1 Tabs 2.2 Accordion 2.2.1 使用基本的Accordion 2.2.2 实现打开多个标签 2.2.3 Accordion的嵌套 3 给插件应用主题——Theme Roller 3.1 更改配色 3.2 更改图标 4 相关连接 jQuery UI ...

    jQuery Accordion

    该插件现在是 jQuery UI 的一部分,独立的版本不会再更新了。目前版本是 1.6。 jQuery Accordion 官网,jQuery Accordion 插件下载:http://www.mscto.com/try/download/jquery-accordion.zip。 如需了解更多有关 ...

Global site tag (gtag.js) - Google Analytics