HTML Bootstrap 内的链接崩溃无效

Question

我对 JS 很陌生，因此认为问题出在这部分。

与 bootstrap JS 一起 toggled/collapsed 的 link 没有正确地 "work" ：单击它们时，页面未跟随。但是，当右键单击并在新的tab/window中打开时没有问题。 Ctrl-click 也不起作用。

第二个 link 有效，但第一个无效。

这是 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 示例的 link： http://jsfiddle.net/t7mpv6vk/

Answer 1

这里我有解决你问题的办法：

在此处查看更新的 Fiddle：Fiddle

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

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

因为当您点击 link 时。 div 将获取点击事件而不是 link。

HTML Bootstrap 内的链接崩溃无效

HTML Links within Bootstrap collapse not working

html

javascript

jquery

hyperlink

twitter-bootstrap