引导程序崩溃内的HTML链接不起作用

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

在这里，我得到了你的问题的解决方案：

Check updated小提琴在这里：Fiddle

写入onClick="event.stopPropagation();"分格。

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

，因为当你点击链接。 div会得到点击事件而不是链接。