Question

我有一个页面，上面有几个手风琴标签，并且有很多数据。我想触发一个在用户更改选项卡时填充表的函数。我目前正在加载时填充所有内容，这确实很慢且效率很低。我尝试了以下方法：

$( "#accordion" ).accordion({ beforeActivate: popdata }); - Activates only once.
$( "#accordion" ).accordion({ activate: popdata }); - Acts as a click.
$( "#accordion" ).change() - Depricated
$( "#accordion" ).click(); - Acts as a click.
$( "#accordion" ).header(); - Not Applicable
$( "#accordion" ).trigger(); - Acts as a click.
$( "#accordion" ).click( function ( event ) { event.currentTarget }; - Only lists the div.
$( "#accordion" ).bind('accordionchange', yourFunction); - Depricated

当用户单击手风琴上的任意位置时，将触发click和activate事件。我需要将其限制为标题或选项卡，但找不到执行此操作的代码。 beforeActivate仅触发一次。

有人能提出建议吗？我已经尝试创建自己的活动。是否可以过滤click事件以确定用户是否点击了ui-accordion-header？

Answer 1

当涉及到jQuery时，我承认我是“老派”，但我认为简单的解决方案是最好的。

$(document).ready(function($) {
  $('#accordion').find('.accordion-toggle').click(function() {
    // Expand or collapse this panel
    $(this).next().slideToggle('fast');

    // Hide the other panels
    $(".accordion-content").not($(this).next()).slideUp('fast');
  });
});

非常感谢您访问simple accordion solution with jQuery

Answer 2

所以诀窍是输入类。 TY MrPickles给出了提示。我可以动态更新表，如下所示：

$( ".accordion" ).click(function() {  }

手风琴，ui手风琴，ui手风琴标题，ui手风琴标题有效，ui手风琴标题折叠，ui手风琴内容，ui手风琴内容有效都是很好的类。 / p>

参考主题：https://api.jqueryui.com/accordion/

jQuery手风琴填充变更表

2 个答案: