问题标签 [accordion]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
48815 浏览

jquery - jQuery 和原型冲突

我在一个 html 页面中使用 jQuery AutoComplete 插件,其中我还有一个使用原型的手风琴菜单。

它们都可以完美地单独工作,但是当我尝试在一个页面中实现这两个组件时,我得到了一个我无法理解的错误。

未捕获的异常:[异常...“组件返回失败代码:0x80004005 (NS_ERROR_FAILURE) [nsIDOMViewCSS.getComputedStyle]”nsresult:“0x80004005 (NS_ERROR_FAILURE)”位置:“JS 框架 :: file:///C:/Documents and Settings /Administrator/Desktop/website/js/jquery-1.2.6.pack.js :: 匿名 :: 第 11 行“数据:无]

我发现与 jQuery 冲突的文件是手风琴菜单使用的“effects.js”。我尝试用较新版本替换此文件,但较新版本似乎破坏了手风琴行为。

我的猜测是手风琴中使用的'effects.js'文件被修改以获得手风琴演示输出。我还尝试使用 jQuery 需要的覆盖方法来避免与其他库发生冲突,但这不起作用。

我从stickmanlabs.com获得了手风琴演示。

并且 jQuery AutoComplete 可以从jQuery 站点获得。

有没有其他人遇到过这个问题?

0 投票
2 回答
691 浏览

jquery - 使用带有奇怪标记的 jQuery 手风琴

我有这个 HTML 结构,想把它转换成手风琴。

基本上使用h3s 作为手风琴标题,并将每个中的其余div.section内容作为每个手风琴面板的内容。(另请注意:标题可以是 h2 和 h6 之间的任何内容,具体取决于它们的嵌套)。

我认为如果 DOM 树被重组,那么这将是最简单的,因此h3s 在每个之外,div因为这就是手风琴默认的工作方式:

唯一的问题是:如何移动标题?(我无权更改 HTML)。

0 投票
1 回答
1916 浏览

asp.net - ASP.NET 手风琴

所以我正在修改别人的代码,他们使用了数据绑定的 Accordion 控件。我需要禁用 Accordion 功能,以便扩展顶部项目,而将其余项目最小化并保持这种方式。

还有什么办法可以在最终项目上放一个类?

提前非常感谢。

0 投票
2 回答
4736 浏览

jquery - 定制手风琴 - 使用每个

我正在尝试为我的页面创建一个自定义手风琴来显示我的帖子。我有它使用 HTML 的列表格式,当您单击每个标题以展开以显示更多信息时,我正在尝试创建效果。

但是我不想为<li>页面上的六个元素说六个代码块。

有没有办法通过 .each(); 运行它 也许?而不是创建每个部分?尝试更动态的方法。

0 投票
9 回答
22362 浏览

jquery - jQuery Accordion:链接不起作用

我正在使用 jQuery 的手风琴 UI 元素处理页面。我在那个例子上建模了我的 HTML,除了在<li>元素内部,我有一些无序列表的链接。像这样:

问题:链接不起作用

在我测试过的所有浏览器中,这些手风琴菜单中的链接会导致手风琴部分折叠,而不是将您带到链接页面。(我仍然可以右键单击并转到链接的站点。)

这可能是某种点击绑定问题吗?

0 投票
16 回答
32149 浏览

jquery - jQuery Accordion:IE 动画问题

更新

我将其设为社区 wiki,原因有以下三个:

  • 我不觉得我得到了肯定的答案,但是
  • 我早就不再需要答案了,因为我推出了自己的手风琴功能
  • 这个问题得到了大量的意见,所以显然很多人仍然感兴趣

因此,如果有人想更改/澄清这个问题并使其成为权威指南,请成为我的客人。


我正在使用 jQuery 的手风琴 UI 元素处理页面。我在那个例子上建模了我的 HTML,除了在<li>元素内部,我有一些无序列表的链接。像这样:

问题:IE动画很臭

尽管 IE7 可以很好地为文档的示例手风琴菜单设置动画,但我的有问题。具体来说,页面上的一个手风琴式菜单会急速移动并且内容闪烁。 我知道这不是 CSS 问题,因为如果我不包含我的 CSS 文件,也会发生同样的事情。

页面上的另一个手风琴菜单会打开您单击的第一个部分,之后将不会打开任何一个。

这两个问题都是 IE 特有的,如果我使用选项animated: false. 但我想保留默认slide动画,因为它可以帮助用户了解菜单在做什么。

还有其他方法吗?

0 投票
1 回答
1305 浏览

gridview - ASP.NET 工具包 Accordion 双击问题

我正在使用一个手风琴控件,它在内容部分和一系列按钮中有嵌套的网格视图。首次加载页面时,需要单击 2 次才能触发任何按钮或链接按钮的事件。

对于按钮,我使用通过javascript调用的外部按钮进行了修复,但是对于gridview的“编辑”和“删除”命令按钮,这不适用。

有没有人找到这个错误的解决方案?

0 投票
1 回答
358 浏览

asp.net - .net 手风琴给我带来了问题

我有一堆控件,我根据网页中的操作显示、隐藏、启用和禁用它们。一切正常,直到我把它们放进手风琴。现在我无法让 Javascript 能够更新它们的状态。我有一个小例子

这是Javascript

这是手风琴

我很想知道我在这里做错了什么,警报会打印出正确的 ID。

如果我在将“this”对象传递给函数的地方做某事,我可以禁用该按钮,但我确实需要它来禁用或隐藏 10 个对象

有人有想法吗?

http://www.riconllc.com/accordian.zip上的示例代码

0 投票
3 回答
27427 浏览

jquery - Jquery Accordion 关闭然后打开

我使用 jquery 手风琴插件在页面上设置了许多手风琴,因此我可以实现全部展开和折叠所有功能。

每个 ID 元素都是它自己的手风琴,下面的代码可以将它们全部关闭,无论哪些已经打开:

我的问题是全部展开。当我让它们都用这段代码展开时:

有些会收缩,有些会根据它们之前是否开放而扩展。

我纠正这个问题的想法是将它们全部折叠,然后在单击全部展开时将它们全部展开。但是,此代码将无法正确执行:

它只会点击第二个命令,而不是先关闭它们。有什么建议么?

0 投票
1 回答
22143 浏览

jquery - jQuery中的嵌套手风琴菜单

我有一个使用一组嵌套手风琴实现的菜单,1and 2,每个都有元素,aand b

我想实现以下逻辑:

  • 当我点击时1a,我会得到1a两个子菜单的数据2a2b

  • 当我点击 时2a2b我会分别得到每个的数据。

问题

期望的结果:

  • 我只想显示nth-most最后一次单击的子元素,折叠所有其他元素。
  • 在初始化时,只有1a并且1b应该是可见的。

当前结果:

  • 单击1b,然后单击2b1b仍然完全可见。

JavaScript 代码

HTML: