`
linleizi
  • 浏览: 231354 次
  • 性别: 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是一款非常流行的JavaScript库,用于创建交互式的折叠菜单。这个组件使得网页内容能够以一种有序且节省空间的方式展现,用户可以逐个展开或关闭各个部分,从而提高用户体验。在本文中,我们将...

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

    除了基本配置,jQuery UI Accordion 还提供了一些其他可选参数,例如 `icons` 可以设置展开和折叠状态的图标,`event` 可以自定义触发展开/折叠的事件,`heightStyle` 控制 Accordion 的高度策略等。通过灵活地调整...

    JQuery UI 中文帮助文档

    **jQuery UI 中文帮助文档详解** jQuery UI 是一个基于 jQuery JavaScript 库的开源项目,它提供了丰富的用户界面组件,使得开发者能够轻松创建交互性强、视觉效果美观的网页应用。这个中文帮助文档是针对jQuery UI...

    jquery.accordion源码

    其中,jQuery UI中的Accordion组件是一种常见的交互元素,它将多个内容区块折叠在一个有限的空间内,用户可以逐个展开查看。本文将深入探讨jQuery Accordion的源码,帮助开发者理解其工作原理,以便于自定义和优化。...

    jquery-ui.css、jquery-ui.js下载

    例如,要创建一个对话框,只需简单调用`.dialog()`方法,jQuery UI会自动处理剩下的布局、事件绑定和动画效果。 jQuery UI的组件丰富多样,例如: 1. **Dialogs** - 提供模态和非模态对话框,用于展示信息、警告或...

    jQuery UI组件 jQuery UI

    **jQuery UI组件详解** jQuery UI 是一个强大的前端开发框架,基于流行的JavaScript库jQuery构建,它提供了丰富的用户界面组件,能够帮助开发者快速构建交互性、视觉吸引力强的网页应用。jQuery UI 包含了大量的...

    jquery accordion 菜单折叠效果

    5. **事件处理**:jQuery UI的Accordion提供了多种事件,如`create`、`activate`和`beforeActivate`,可以根据需要绑定回调函数,以实现更复杂的交互逻辑。 jQuery Accordion的优点包括: - **节省空间**:通过...

    jQuery UI以及jQuery easy-ui技术手册

    - **API文档**:`jQuery_jQueryUI.chm`文件是jQuery UI的API参考,详尽地列出了每个组件的方法、属性和事件,是开发过程中不可或缺的参考资料。 **jQuery Easy-UI技术手册** jQuery Easy-UI 是基于jQuery和jQuery ...

    jQuery UI Autocomplete是jQuery UI的自动完成组件

    在lwme-jqueryui-demo这个压缩包中,可能包含了多个示例文件,它们展示了Autocomplete的不同用法和配置,可以帮助开发者更好地理解和运用这个组件。通过学习这些示例,你可以掌握如何根据项目需求灵活定制...

    ,jqueryui jquery ui包 效果不错,只是为了自己保存

    jQuery UI是基于jQuery的,它利用了jQuery的事件处理、DOM操作和浏览器兼容性特性,简化了对这些用户界面组件的实现。使用jQuery UI,开发者可以更快速、更轻松地创建出响应式且易用的Web界面。 **版本选择与更新**...

    前端项目-jqueryui-touch-punch.zip

    在“前端项目-jqueryui-touch-punch”这个项目中,包含的文件可能是jQuery UI Touch Punch的源码或示例。通过解压并研究这个项目,你可以了解到如何将这两个工具结合到自己的Web应用中,以提供兼容触摸设备的用户...

    很强大的jQuery UI

    它是jQuery UI的基础,提供了一套简洁的API来操作DOM元素和处理事件。 2. **UI 组件**:jQuery UI 提供了多种用户界面组件,如: - **Dialog(对话框)**:允许创建可自定义的弹出窗口,常用于提示信息或表单提交...

    jQueryUI API文档资料

    1. **组件(Widgets)**:jQuery UI的核心在于它的组件,这些组件是预先封装好的UI元素,如Accordion(手风琴)、Autocomplete(自动完成)、Button(按钮)、Calendar(日历,即日期选择器)、Dialog(对话框)、...

    JQUERY UI 开发指南源码

    JavaScript部分主要涉及到jQuery和jQuery UI的API调用,包括初始化组件、设置选项、响应事件等。通过分析这些代码,你可以深入理解jQuery UI的工作原理,并学会如何在自己的项目中应用。 此外,jQuery UI还支持主题...

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

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

    jQuery UI仿webqq桌面系统WebOS界面操作

    jQuery UI是一个强大的JavaScript库,它扩展了基础的jQuery功能,提供了丰富的用户界面组件,如对话框(Dialog)、拖放(Draggable)、可排序(Sortable)和可折叠(Accordion)等。在这个项目中,jQuery UI被用来...

    jQueryUI V1.12.1

    5. **布局(Layout)**:jQueryUI的Resizable和Accordion等功能可以帮助开发者创建灵活的布局结构,适应不同的屏幕尺寸和设备类型,从而实现响应式设计。 6. **兼容性**:jQueryUI V1.12.1与jQuery V1.12.4的搭配...

    jqueryui jqueryui

    - **选择组件**:根据项目需求,选择要使用的jQuery UI组件,如Dialog(对话框)、Accordion(手风琴)、DatePicker(日期选择器)等。 - **初始化组件**:通过JavaScript代码初始化组件,设置相应的选项和事件监听...

    jquery Accordion 收缩展开的多级导航

    6. **API操作**:除了初始化和事件监听,jQuery Accordion还提供了一些API方法,如`.accordion('option', 'optionName')`获取或设置选项,`.accordion('destroy')`移除Accordion,`.accordion('activate', ...

    jquery ui jquery ui

    1. **jQuery UI组件**:jQuery UI 包含了多种组件,如日期选择器(Datepicker)、对话框(Dialog)、拖放功能(Draggable)、可排序列表(Sortable)和可折叠面板(Accordion)。这些组件极大地简化了网页的交互设计...

Global site tag (gtag.js) - Google Analytics