我们在使用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手风琴插件带动画的竖直手风琴
NULL 博文链接:https://747017186.iteye.com/blog/1945210
jQuery UI实际上是jQuery插件,专指由jQuery官方维护的UI方向的插件 jQuery UI 与 jquery 的主要区别是: (1) jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。 (2) jQuery UI则是在jQuery的...
最新官方jQuery UI插件 主流特效Demo,绝不含糊。 好东西不需要过多的言辞修饰,下了就知道! 所有效果说明: 基本的鼠标互动: 拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing) 各种...
jquery的ui库,包括以下插件:折叠框(accordion)、自动填充文本框(autocomplete)、按钮(button)、日期选择器(datepicker)、...工作上有用到,觉得挺好的,您也可以到http://jqueryui.com/上下载,希望对大家有用。
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版本 包含 Accordion tabs dialog overlay slider datepicker等常用插件
jquery-ui,jquery, 必做要使用jQuery1.6+ 及以上 jQuery UI组件构成 jQuery UI 主要分为3个部分:交互、微件和效果库。 交互(Interactions) 交互部件是一些与鼠标交互相关的内容,包括缩放(Resizable) , 拖动...
带示例 Draggable Droppable Resizable Selectable ...Accordion Datepicker Dialog Progressbar Slider Tabs 动画 AddClass RemoveClass Animate Effect Hide Show SwitchClass Toggle ToggleClass
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 ...
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 ...
Query UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。所有插件测试能兼容 IE 6.0+, ...
[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.
比较好的一个JqueryUI插件。 版本1.2.3 有四个颜色:blue silver dark sky 每个组件的js,css文件可以分开引用,比如你在一个页面中只需要用到进度条,就只需要引用核心文件和进度条css,js 文件就可以了。不需要...
防止用户更改jQuery UI Accordion控件上的活动面板的简单方法
Accordion、Tabs、Dialog、Framework Icons (content color preview)、Slider、Datepicker、Progressbar 等这几种 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 UI 的一部分,独立的版本不会再更新了。目前版本是 1.6。 jQuery Accordion 官网,jQuery Accordion 插件下载:http://www.mscto.com/try/download/jquery-accordion.zip。 如需了解更多有关 ...