Javascript 如何打开手风琴项目并启动其显示的活动？

我有一个用于引导手风琴的

show.bs.collapse

-事件的事件处理程序

$('.collapse[data-location]').on('show.bs.collapse', function (e) {
  //Do Something...
}

如果用户打开此事件处理程序，则会执行它。到目前为止还可以

现在我想通过Jquery打开一个特定项目：

$('.panel-collapse').collapse('show');

特定项正在打开，但未激发上述事件处理程序

那么，如何打开一个手风琴项目，并考虑每个

show.bs.collapse

-事件处理程序

这是我的HTML，如果这很重要：

<div class="panel-group accordion">
    <div class="panel panel-bordered panel-primary">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a data-toggle="collapse" href="#location1">Hamburg</a>
            </h4>
        </div>
        <div class="panel-collapse collapse" id="location1" data-location="1" style="position:relative">
            <div class="panel-body">
                <div>
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#TabTimespan1" role="tab" data-toggle="tab">Zeitraum</a></li>
                        <li role="presentation"><a href="#TabCompare1" role="tab" class="compare-tab-link" data-toggle="tab">Vergleich</a></li>
                    </ul>
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="TabTimespan1"></div>
                        <div role="tabpanel" class="tab-pane" id="TabCompare1"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- .... -->
</div>

还没有弄清楚原因，但您的事件似乎没有使用选择器附加到元素集。尝试对两个js方法使用相同的选择器@根据经验，你应该把这个作为答案。我会接受的。非常感谢。