我遇到了一个问题,我关闭的标签页不能通过点击锚点打开。锚点本身在另一个html文件中,它是包含的。点击折叠的a标签可以正常工作并打开标签页,但点击锚点不能完成这项工作。
折叠零件如下所示:
<div id="details">
<div class="mobile-collapse-wrapper">
<div class="mobile-collapse-content-wrapper">
<div id="mobile-productdetails" class="collapse fade">
<div class="product-description">
<div>Description</div>
</div>
<div class="row">
<div class="productview-detail-tab-wrapper">
<div class="productview-detail-tab">product details</div>
</div>
<div class="col-xs-12 col-sm-8 col-md-8">
<div class="short-description">
<div>Short description</div>
</div>
</div>
</div>
</div>
</div>
<div class="mobile-collapse-btn-wrapper" id="mobile-productdetails-jump">
<div class="mobile-collapse-btn" data-toggle="collapse" data-target="#mobile-productdetails">
<a data-toggle="collapse" data-target="#mobile-productdetails" data-parent="#details" href="#mobile-productdetails" onclick="return false;">
<div class="mobile-collapse-collapsed-header">
Details
</div>
<div class="mobile-collapse-btn-icon">
</div>
</a>
</div>
</div>
</div>
我的文件和我的锚是
<a class="jump-details-link mobile-jump" id="testCollapse" href="#details">
<script type="text/javascript">
$('#testCollapse').click(function(e) {
console.log("Function Show Collapse");
$('#mobile-productdetails').collapse('show');
});
</script>
我的控制台日志也没有返回。它什么也不做。甚至有可能打开另一个html文件的contaners吗?正如我已经说过的,它实际上是包括在内的。
1条答案
按热度按时间u7up0aaq1#
如果您的
#testCollapse
是动态加载的,请尝试这样做,或者您可能需要委托在加载页面时出现的层次结构中更高级别的元素上的单击。