Question

我遇到触发器问题。实际上我希望手风琴折叠，不仅要点击链接，还要点击整个标题面板。这是我的标题代码

CMakeLists.txt

这是我的Javascript代码

<div class="accordion-head" role="tab">
    <div class="head-title">
        <div>
            <a role="button" data-toggle="collapse" data-parent="#accordion" href="#accordion-body">Commande n°240A
            </a>
        </div>
        <div class="date-cmd">
            02/04/2017
        </div>
    </div>
    <div class="head-arrow">
       <i style="display: none;" class="fa fa-angle-right fa-2x"></i>
       <i class="fa fa-angle-down fa-2x"></i>
    </div>
</div>

但它不起作用。我正在使用“$（this）”，因为我想以独特的方式访问该链接（还有其他手风琴）谢谢你的帮助。

我添加了一个小提琴我的所有代码https://jsfiddle.net/ws7rb68z/4/

Answer 1

它不起作用的原因是因为锚元素位于手风琴标题内。因此，当触发锚定点击时，它会点击＆＃34;在标题上，然后再次触发锚点击，导致无限循环的点击。为防止这种情况，单击标题时，请检查单击是否在锚点内部。如下所示：

$('.accordion-head').on("click", function (event){
    if(!$(event.target).closest('a').length) {
        $(this).find('a').trigger("click");
    }
});

您提供的JSFiddle中的示例：https://jsfiddle.net/ws7rb68z/5/

通过单击标题触发单击手风琴链接

1 个答案: