Tag: jquery ui accordion

当手风琴菜单关闭时,jquery停止图像滑块

http://jsbin.com/emoba5/3/edit点击此处查看演示 如果所有菜单项都关闭,有人知道如何使图像滑块变为空白吗? 如果只有一个图像,即姿势3,我们如何使它停在第一个图像上 我难倒了?!

Jquery手风琴内的iFrame

我有一个页面,在JQuery手风琴中嵌入了iFrame。 JS: $(function() { $(“#doc_accordion”).accordion(); }); HTML: 1 TESTING TESTING2 出于某种原因,我看不到嵌入式iFrame,但我可以看到手风琴。 此外,如果我删除行$(“#doc_accordion”).accordion()然后我可以看到iFrame正确嵌入页面。 有没有其他人遇到过类似的问题?

折叠全部,默认情况下仍然打开第一个手风琴

我正在尝试使用jquery手风琴。 我正在使用这个问题中的jsfiddle: jQuery UI Accordion展开/折叠全部 Kaneka Extranet CustomerDocs try { Typekit.load(); } catch (e) { } $(function () { $(“.accordion”).accordion({ collapsible: true, heightStyle: “content”, active: false }); var icons = $(“.accordion”).accordion(“option”, “icons”); $(‘.open’).click(function () { $(‘.ui-accordion-header’).removeClass(‘ui-corner-all’).addClass(‘ui-accordion-header-active ui-state-active ui-corner-top’).attr({ ‘aria-selected’: ‘true’, ‘tabindex’: ‘0’ }); $(‘.ui-accordion-header-icon’).removeClass(icons.header).addClass(icons.headerSelected); $(‘.ui-accordion-content’).addClass(‘ui-accordion-content-active’).attr({ ‘aria-expanded’: ‘true’, ‘aria-hidden’: ‘false’ }).show(); $(this).attr(“disabled”, “disabled”); $(‘.close’).removeAttr(“disabled”); }); $(‘.close’).click(function […]

jQuery UI手风琴问题

我使用jQuery UI手风琴小部件,并在每个项目之间我有一些空间。 问题是在IE 8中 ,当您滑动某个项目时,它会很好地滑动,但它会移除它与向上项目之间的空间。 但它在FF和其他浏览器中运行良好。 alt text http://img208.imageshack.us/img208/5074/along.jpg 但是,当我用鼠标hover在该项目上时,它会创建该空间。 我使用HTML5 doctype,但它也不能与其他doctypes一起使用。 谢谢。 编辑:这是一个实例 。

jquery多层手风琴

我有简单的多级手风琴插件。 这对我来说几乎是完美的。 (function(jQuery){ jQuery.fn.extend({ accordion: function() { return this.each(function() { var $ul = $(this); if($ul.data(‘accordiated’)) return false; $.each($ul.find(‘ul, li>div’), function(){ $(this).data(‘accordiated’, true); $(this).hide(); }); $.each($ul.find(‘a’), function(){ $(this).click(function(e){ activate(this); return void(0); }); }); var active = $(‘.active’); if(active){ activate(active, ‘toggle’); $(active).parents().show(); } function activate(el,effect){ $(el).parent(‘li’).toggleClass(‘active’).siblings().removeClass(‘active’).children(‘ul, div’).slideUp(‘fast’); $(el).siblings(‘ul, div’)[(effect || ‘slideToggle’)]((!effect)?’fast’:null); } }); } }); })(jQuery); 完整代码 […]

嵌套的Accordion JQuery

我有一个简单的手风琴菜单,我只是从jsfiddle那里得到的。 我想让它嵌套。 点击jsfiddle 如果jsfiddle无效,则发布代码: HTML Expand all Collapse all Section 1 Para 1 Section 2 Para 2 Section 3 Para 3 List item one List item two List item three Section 4 para 4 – 1 Para 4 – 2 JQuery的: $(function () { $(“#accordion”).accordion({ collapsible:true, active:false }); var icons = $( “#accordion” ).accordion( “option”, […]

jQuery Accordion Focus

这是我的第一篇文章,如果您想了解更多信息请告诉我! 我正在使用选择列表和jQuery手风琴。 当用户从列表中选择一个值时,它会使用activate方法打开手风琴的相关部分。 除了它之外,它还可以将窗口聚焦在手风琴上,而不是将用户放在同一个地方。 有谁知道如何防止这种情况?

heightStyle:“填充”在Jquery中不适用于手风琴

– 随着容器尺寸的变化,我可以自定义 在#backlogEpic中定义的宽度,即526px,但高度不是 定制。 为了填充由其容器分配的垂直空间,我已将heightStyle选项设置为“fill”但仍然不起作用 出。 使用’auto’获取默认高度。 我该如何定制 我的身高。如果你看到图像,扩展的面板就会从容器中走出来。 html:- css :- #backlogEpic{ padding: 10px; height: 200px; width: 526px; right: 25px; } javascript:- $(function() { $( “#backlogEpic” ).resizable({ minHeight:140, minWidth: 150, resize: function() { $( “#backlogAccordion” ).accordion( “refresh” ); } }); $( “#backlogAccordion” ).accordion({ heightStyle: “fill” }); });

jQuery Accordion中面板之间的间隔

我有一个小要求,但我没有… 使用jQuery Accordion(版本1.10.2) 有没有办法在手风琴的各个部分之间放一个垫片? 基本上所有者想要的是手风琴的默认function,但他们希望垂直之间有一些空间。 这可以实现吗? 谢谢

jQuery UI:TypeError:$(…)。accordion不是函数

出于某种原因, jQuery UI Accordion不起作用。 我一直收到这个错误: TypeError:$(…)。accordion不是一个函数 我究竟做错了什么? 基于此网站上类似主题的其他答案,我认为它与包含的文件有关。 我的标题包括: <link rel="stylesheet" href="css/base_con.css”> <link rel="stylesheet" href="css/skeleton.css”> <link rel="stylesheet" href="css/layout.css”> <link rel="shortcut icon" href="images/favicon.ico”> <link rel="apple-touch-icon" href="images/apple-touch-icon.png”> <link rel="stylesheet" href="css/custom-theme/jquery-ui-1.10.0.custom.css” type=”text/css” /> <script src="js/jquery-1.9.0.js”> <script src="js/jquery-ui-1.10.0.custom.js”> <script src="js/responsiveslides.min.js” type=”text/javascript”>