jQuery手风琴与href和collapsible

时间:2018-04-07 01:43:44

标签: jquery href accordion expand multi-level

我正在使用带有href链接和可折叠标题的手风琴菜单。 问题是,当我点击儿童手风琴时,它会折叠父母。有没有解决方法?

# Convert coverage to sparse matrix
csr_cover = csr_matrix(C.astype(bool))
cover_rows = np.split(csr_cover.indices, csr_cover.indptr)[1:-1]

# add facility coverages to the covering constraints
for i in range(numDemands):
    m.addConstr(quicksum(X[j] for j in range(numSites) if i in cover_rows[j]) >= 1)

这是更新版本,它正在运行。解决方案是使用“<ul class="accordion"> <li> <a class="acc-header" href="http://www.google.com">menu - level 1</a> <h3>+</h3> <ul class="accordion"> <li> <a class="acc-header" href="http://www.google.com">menu - level 2-1</a> <h3>+</h3> <ul class="accordion">menu - level 3</ul> </li> <li>menu - level 2-2</li> </ul> </li> </ul> <script type="text/javascript"> $(document).ready(function(){ $( ".accordion" ).accordion({ header: "h3", collapsible: true, heightStyle: "content", active: false, icons: false, animate: 200, }); }); </script> ”(如提到的@RenanAraújo)并删除手风琴上的标题设置。

https://codepen.io/CocoSkin/pen/vRQyZP

1 个答案:

答案 0 :(得分:1)

由于来自锚元素的点击事件,因此关闭正在关闭。

使用停止传播来防止锚点起泡:

$( ".accordion a" ).click(function(e) {
    e.stopPropagation();
});

我建议您阅读有关事件冒泡的信息并检查stopPropagation方法。