Tag: 手风琴

jQuery UI Accordion激活

我没有得到如何做到这一点,或者如果我能做到这一点。 我有一个jQuery UI Accordion,多个部分,每个部分包含多个锚标记,每个锚标记都有一个唯一的字符串id。 我希望能够将手风琴打开到具有给定id的特定元素的位置。 比如说id“item117”。 我可以使用类似的东西吗? $(‘#accordion’).activate(‘activate’,’#item117′); 甚至 $(‘#accordion’).activate(‘activate’,117); 我已经尝试了这些和一些变化,但无法让它去。 在我试图开始工作的情况下,手风琴应该打开到第二部分的末尾。 我还没有得到这个,所以也许我也做了别的错事。 我已将其删除到示例页面: http : //www.ofthejungle.com/testaccordion.php请查看它及其来源。

如何只在手风琴标题上点击特定的文字 – jquery?

我添加了删除和编辑手风琴标题的链接,但这些链接不起作用,因为每次我点击它们手风琴打开。 并建议如何做到这一点? 请注意,我正在做嵌套式手风琴。 这是我在js上定义它的方式: $(“#acc2”).accordion({ alwaysOpen: false,active: false,autoheight: false, header: ‘h3.ui-accordion2-header’,clearStyle: true, event: ‘click’ }); 在HTML上我有这样的: Section Title New Activity Edit Delete

jquery ui accordion避免关闭项目wnen点击另一个

从现有的小提琴开始,我创建了这个样本: http : //jsfiddle.net/2DaR6/90/ 这是html代码: Section 1 Good Morning Stackoverflow Section 2 Buongiorno Stackoverflow Section 3 Bonjour Stackoverflow 这是js代码: $(function() { var icons = { header: “ui-icon-circle-arrow-e”, headerSelected: “ui-icon-circle-arrow-s” }; $( “#accordion” ).accordion({ icons: icons, collapsible: true }); $( “#header1” ).click(function() { $( “#accordion” ).accordion( “option”, “icons”, false ); }, function() { $( “#accordion” ).accordion( […]

jQuery手风琴菜单 – 将手风琴菜单打开到我所在的页面

我希望你能帮忙。 我是jQuery的新手,正在为我的侧导航工作一个五或六级手风琴菜单。 到目前为止,我从Dane Peterson @ daneomatic.com获得了大部分代码(感谢Dane!)。 但是,我坚持一件事: 我想让我的手风琴/树像这样工作: 当我向下导航到第三级,然后单击链接以打开链接到该级别的页面时,如何在三级页面加载时指示我在该页面上? 另外,当我加载页面时,如何将树保持打开状态? 我想我要问的是:有没有办法让手风琴/树自动更新以显示你所在的页面,并让树打开到那个级别? 提前致谢!

jQuery手风琴,将点击标签的开头滚动到顶部,如果展开的标签位于被点击的标签上方,则不起作用?

让我的jquery手风琴做我想做的事情有点问题。 我总是希望点击的标签从页面顶部滚动到固定数量的像素,我有点工作。 但是,只要活动选项卡位于单击的选项卡上方,并且页面已经向下滚动一点,单击选项卡的顶部和部分内容就会向上滚动超过页面顶部。 这就是我得到的: $(function() { $(“#accordion”).accordion({ autoHeight: false, collapsible: true, heightStyle: “content”, active: 0, animate: 300 }); $(‘#accordion h3’).bind(‘click’,function(){ theOffset = $(this).offset(); $(‘body,html’).animate({ scrollTop: theOffset.top – 100 }); }); }); 这是解释我的问题的小提琴 , 例如,展开“第2部分”,向下滚动并单击“第3部分”选项卡,它们全部滚动到页面上,相反,它可以工作。 如果在打开一个新选项之前关闭活动选项卡它也可以正常工作,所以我假设这与崩溃选项卡的高度有关,这会使滚动到顶部function!? 希望有人可以提供帮助,我可能会采取错误的方法。 我真的不知道我在做什么,因为我的jquery技能仅限于基本的切割理解! ^^ 在此先感谢,所有的帮助和指针区域更受欢迎! 🙂 干杯

jQuery Accordion – 在pageload上打开特定部分

我在页面上有一个相当基本的jQuery Accordion实现(使用1.3.2,jQuery UI Core 1.72和jQuery UI Accordion 1.7.2),我希望在页面加载时打开第2部分。 我尝试了很多方法,但似乎没有任何工作…… 头文: $(function() { $(“#accordion”).accordion({ event: “mouseover” }); }); 身体手风琴: Headline 001 Link 001 Link 002 Headline 002 Link 003 Link 004 任何帮助将不胜感激!

在jQuery UI中向Accordion小部件动态添加和刷新元素

关于SO的几个 问题引用了这个开放的jQuery UIfunction请求 ,以便能够从Accordion小部件动态添加/删除面板。 票证本身已标记(已关闭的function:已修复),从我从unit testing中可以看出来的内容以及来自其Git存储库的提示,它似乎在最新版本中实现。 但是,如果我尝试像上面的unit testing中那样添加div: var element = $(“#accordion”); $(“#accordion”).append(“33”); $(“#accordion”).accordion(“refresh”); 我无法让它发挥作用。 但是这种方法有效: $(“#accordion”).append(“sec</h3test”).accordion(“destroy”).accordion(); 但是我不想“摧毁”手风琴,我只想追加(或者前置)一个元素并刷新它。 看看我在Chrome的检查器中添加的div显示我添加的元素没有添加与手风琴其余部分相同的CSS样式:

jQuery Accordion:IE动画问题

更新 我将其作为社区维基,原因有三: 我不觉得我得到了明确的答案,但是 我早就停止了需要答案,因为我推出了自己的手风琴function 这个问题得到了很多观点,很明显很多人仍然感兴趣 因此,如果有人想要更改/澄清这个问题并将其作为权威指南,请成为我的客人。 我正在使用jQuery的手风琴UI元素处理页面 。 我在那个例子上模拟了我的HTML,除了在 元素中,我有一些无序的链接列表。 像这样: $(document).ready(function() { $(“.ui-accordion-container”).accordion( {active: “a.default”, alwaysOpen: true, autoHeight: false} ); }); A Group of Links Example Link Example Link 问题:IE动画很臭 虽然IE7为文档的示例手风琴菜单设置了很好的动画,但是它有问题。 具体来说,页面上的一个手风琴菜单急剧移动并且内容闪烁。 我知道这不是一个CSS问题,因为如果我不包含我的CSS文件会发生同样的事情。 页面上的另一个手风琴菜单会打开您单击的第一个部分,之后将不会打开它们中的任何一个。 这两个问题都是IE特定的,如果我使用animated: false选项,它们都会消失。 但是我想保留默认的slide动画,因为它可以帮助用户理解菜单正在做什么。 还有另一种方式吗?

jquery-ui accordion:在不破坏和重新创建的情况下添加行?

我有一个jquery手风琴,我想添加行。 我可以通过调用.accordion(“destroy”),添加所需的 …位然后再次调用.accordion()来完成此操作,但这会破坏状态并关闭任何分隔符是开放的。 是否可以在不破坏的情况下向手风琴添加行并重新创建它?

jQueryUI手风琴与复选框

我试图在我的每个手风琴标题中放置一个复选框,以指示是否应该禁用某些内容。 复选框显示正常,但是,它不可点击,因为整个手风琴标题链接到标签。 将复选框放在标签之外会使复选框显示在标题下方,这不是我想要的,但它仍然无法点击。 Text More text content etc