Skip to main content
 首页 » 编程设计

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

2024年06月03日44Terrylee

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

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

类似这样的事情:

.accordion('refresh') 

或者像 jQuery 1.3 中添加的实时事件之类的东西,有人知道吗?

请您参考如下方法:

我还没有测试过,但这应该可以工作: 假设您有 id #accordion

的 Accordion
$('#accordion').append('<h3><a href="#">New Paragraph</a></h3><div><p>New data</p></div>') 
    .accordion('destroy').accordion(); 

基本上,只需销毁并重新创建 Accordion 即可。

更新:

自从编写此答案以来,refresh() 方法已添加到 Accordion 小部件中。它可以通过调用来调用:

$( ".selector" ).accordion( "refresh" ); 

您可以阅读有关此方法的更多信息 here