通过按钮单击添加非手风琴元素

发布于 2024-08-04 15:46:38 字数 347 浏览 6 评论 0原文

我遇到以下问题:

页面上(它是/不是/我的,我只是将其作为一个例子)您可以在

  1. 非手风琴(标准可扩展菜单)

下看到一个,顾名思义,一个标准可扩展菜单。现在我得到的问题是:

是否可以通过单击按钮来添加另一个菜单项,以便我们得到的不是 5 个项目,而是 6、7、8...等。

如果是,会怎样?是实现它的最好方法吗?需要什么(例如 live()/事件处理程序)?

I got the following problem:

On this page (it's /not/ mine, I'm taking it just as an example) you can see under

  1. non-accordion (standard expandable menu)

a ,as the name tells, a standard expandable menu. Now the question that I got:

Is it possible to add by e.g. clicking on a button, to add another menu item, so that instead of 5 items, we got than 6, 7, 8... etc.

If yes, what would be the best way to realize it ? What would be required (e.g. an live()/Event handler)?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

提笔书几行 2024-08-11 15:46:38

您可以使用 jQuery clone() 将元素添加到该菜单。添加新元素后,您可能必须重新绑定/重新启动手风琴效果/功能,否则它可能不适用于新元素。

You can add elements to that menu with jQuery clone(). After adding new element , you might have to rebind/restart the accordion effect/function though, otheriwse it might not work on new element.

生来就爱笑 2024-08-11 15:46:38

让新项目出现在手风琴部分中不需要重置手风琴控件;但是,添加新的标头部分却可以。

您可以通过首先销毁它然后重新创建它来“重新启动”手风琴,使用类似的方法

$('#myaccordion').accordion('destroy').accordion({ autoHeight: false, active: false, collapsible: true, navigation: true });

如果您想在重新创建它后保持同一部分打开,您需要启用导航并将窗口的散列设置为通过点击处理程序计算该部分的哈希值。

Having a new item appear in an accordion section does not require resetting the accordion control; however, adding a new header section does.

You can "restart" an accordion by first destroying it and then recreating it, using something like

$('#myaccordion').accordion('destroy').accordion({ autoHeight: false, active: false, collapsible: true, navigation: true });

If you want to keep the same section open after you recreate it, you'll need to enable navigation and also set the hash of the window to the hash of the section through a click handler.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文