问题标签 [jquery-ui-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 投票
2 回答
696 浏览

javascript - jQuery加载页面问题

我使用起来相对较新,jQuery并且希望使用该load方法将内容拉入我的页面,因为我托管的网站不支持任何服务器端脚本。

我希望能够在被拉入(通过加载方法)的页面上运行更多的 JQuery,例如 UI 库中的手风琴。我怎样才能让它工作?

提前喝彩

0 投票
5 回答
39827 浏览

ajax - 使用 jquery 将项目添加到 jQuery Accordion

我正在使用 jQuery 手风琴插件来制作一些数据的手风琴。然后我希望用户能够向手风琴添加更多数据。我已经设置了手风琴以使其正常工作,然后我制作了一个函数,该函数将“列表项”添加到与手风琴语义匹配的手风琴前面。

是否可以“更新”手风琴使其与新添加的元素一起使用,而无需将新数据保存到数据库并刷新页面?

像这样的东西:

或者像 jQuery 1.3 中添加的现场事件,有人知道吗?

0 投票
4 回答
10369 浏览

jquery - JQuery手风琴 - 取消绑定点击事件

我正在使用 JQuery 的手风琴模块编写表单向导。问题是我想覆盖手风琴菜单上的任何鼠标点击,以便在手风琴显示下一部分之前首先验证表单。

我尝试了以下方法:

但是上面的代码不起作用。手风琴的内置点击事件仍然被调用,无论表单是否有效,手风琴都会显示下一部分。

我还尝试了以下代码:

但是 stopPropagation() 调用似乎根本不会影响手风琴行为,无论表单是否有效,都会显示下一部分。

知道我可能做错了什么吗?

0 投票
2 回答
203 浏览

javascript - 查看源代码时,附加数据似乎不在标记中

我有一个网站,上面有一些 AJAX,基本上用户点击一个链接,一些 AJAX 会触发一个返回一些 HTML 的方法,如下所示,正如标题所说,返回的数据似乎没有进入HTML,这就是我的手风琴没有被制作的原因吗?这很奇怪,因为结果被返回,因为它们被放到了我的屏幕上。

正如我确信您可以从代码中收集到的那样,返回的 HTML 被附加到<div id="accordion>,然后它被“变成”手风琴,但是这并没有发生,我得到的只是添加到 div 中的类,这会给手风琴功能,但我没有真正的功能。

我注意到,当我查看源代码时是否触发了 AJAX,<div id="accordion>即使我可以看到返回的数据,也没有内容,我怎样才能让手风琴工作?

=======AJAX返回的内容======

=========AJAX html 的去向=========

0 投票
13 回答
58098 浏览

jquery - jQuery UI 手风琴激活

我不知道如何做到这一点,或者如果我能做到这一点。我有一个 jQuery UI Accordion,多个部分,每个部分包含多个锚标记,每个标记都有一个唯一的字符串 id。

我希望能够将手风琴打开到具有给定 id 的特定元素所在的位置。就像说 id "item117"。我可以使用类似的东西吗

甚至

我已经尝试过这些和一些变化,但无法实现。在我试图开始工作的情况下,手风琴应该已经打开到第二部分的末尾。


我仍然没有得到这个,所以也许我做错了什么。我已经将它剥离为一个示例页面:http ://www.ofthejungle.com/testaccordion.php 请查看它及其来源。

0 投票
3 回答
8016 浏览

c# - 水平和垂直手风琴

我想在 asp.net 中创建一个水平和垂直手风琴。

我使用了 Ajax Toolkit Accordion 但不能改变它的方向:

0 投票
1 回答
1369 浏览

jquery - jQuery UI 手风琴风格定制

如何更改 jQuery Accordion 的标签大小、字体大小等?

0 投票
3 回答
3547 浏览

jquery-ui-accordion - 使用 jquery 的手风琴

如何隐藏使用 JQuery 创建的手风琴内的面板?

.js 文件:

代码:

需求:

根据用户登录类型,面板应隐藏(包括标题)。

例子:

在我的示例中,手风琴内部有三个面板。只有我想向用户展示其中的两个。如何做到这一点?

0 投票
1 回答
2920 浏览

jquery - 删除/更改 jquery 手风琴内容中的元素样式

我在我的应用程序中使用 jquery 手风琴。

我正在使用 ul 和 li 在手风琴内容中显示一些链接。使用 ul 和 li 时,活动的手风琴内容在链接下方有很多空白空间。

通过查看 Firebug,它显示了每个活动手风琴内容的以下样式。

html:

CSS:

如何根据手风琴内容删除高度或更改高度?

0 投票
1 回答
1350 浏览

javascript - 分层展开/折叠树中的jquery选择器问题

我正在尝试构建一个屏幕,它将是书签的分层列表,分为类别。可以扩展/收缩类别以显示或隐藏该类别的书签。现在我只是在 UI 上工作并第一次使用 jquery(并且喜欢它)。

我使用的方法有点像手风琴,但可以同时打开多个部分,并且可以有多个层次(手风琴只支持一个层次)。对于每个类别,都有一个带有文件夹图像的 div,其中将显示或隐藏 DOM 中的下一个元素,这将是书签的集合(通常是 <ul>)。例如:

我选择要关闭的元素,$(this).parentsUntil('categoryLine').next().toggle(transitionSpeed);其中用户单击的图像周围的 div 具有 categoryLine 类,要显示/隐藏的是该 div 后面的元素。

问题出在最复杂(最深层次)的部分,一些不应该隐藏的东西被隐藏了,并且由于未知原因重新出现。

您可以在此处查看“工作”示例。我已经给出了相关的标签 ID 并放入了调试警报以显示单击的元素的 ID 以及要打开和关闭的元素(查看源代码以查看此内容)。

  1. 单击“第四个菜单项”的文件夹以取消隐藏该类别。您应该会看到 sub 1、sub 2 和 sub 3 出现。
  2. 单击“Fourth Menu Item sub 1”文件夹。您应该看到 sub 1 展开,但 sub 2 完全消失,包括类别行。这是我试图解开的谜团。单击 sub 1 正确显示“从类别 'd41' 切换 'u411'”但是当 <ul> u411 消失时,所有 sub 2 也会消失。同样,如果我单击文件夹展开 sub2,sub3 就会消失。

我愿意以完全不同的方式实现它(再次,这是我的第一个 jquery 实验)。我也愿意研究一次只能打开一个类别的解决方案,只要它仍然支持层次结构而不是像手风琴那样的深度。

提前致谢。