Question

我对JS很新，因此认为问题来自这部分。

使用引导程序JS切换/折叠的链接无法“正常”工作：单击它们时，不会跟踪页面。但是，在新的选项卡/窗口中右键单击并打开时没有问题。按住Ctrl键也不起作用。

这里第二个链接有效但不是第一个链接。

这是html：

<a class = "carre" data-toggle = "collapse" data-target = "#link"></a>
<div data-toggle = "collapse" class ="panel-collapse collapse" id = "link">
<a href = "http://www.google.com" >link</a>
</div>
<br>
<br>
<a href = "http://www.google.com" >link</a>

和CSS：

.carre{
    display: inline-block;
    padding: 15px;
    background-color: black;
    font-size: 1.5em;
    border-radius: 4px;
    border: 1px solid #FFFFFF;
    margin-bottom:15px:
}

以下是JSFiddle示例的链接： http://jsfiddle.net/t7mpv6vk/

Answer 1

我在这里找到了解决问题的方法：

在此处查看更新的小提琴：Fiddle

在div中写onClick="event.stopPropagation();"。

喜欢：<div data-toggle = "collapse" class ="panel-collapse collapse" id = "link">

因为当您点击链接时。 div将获得click事件而不是link。

Bootstrap中的HTML链接崩溃无法正常工作

1 个答案: