href里面的href

Question

我有一个可点击的面板,其中有一个工具提示.代码如下:

<a href="/venues/manage/">
 <div class="col-md-4">
    <div class="panel panel-default">
     <img src="/img/venue.svg">
     <h5 class="text-vert crop"><b>Venue Title</b><a href="#" data-toggle="tooltip" title="Verified Venue">Verified</a></h5>
    </div>
 </div>
</a>
<script>
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();
});
</script>

当我将鼠标悬停在工具提示文本上时,它可以正常工作.关于工具提示的东西与主链接混淆<a href="/venues/manage/">.单击图像时,链接正常.当我单击文本时Venue Title它工作正常.但是,如果我点击其中的任何其他位置<div class="col-md-4">(例如文本右侧),则链接不起作用.

是否有可能<a>在另一个工具提示中<a>？

Answer 1

为了嵌套a请做以下更改....

您必须将嵌套的a包装在object标记内.

<a href="/venues/manage/">
 <div class="col-md-4">
    <div class="panel panel-default">
     <img src="/img/venue.svg">
     <h5 class="text-vert crop">
         <b>Venue Title</b>
         <object><a href="#" data-toggle="tooltip" title="Verified Venue">Verified</a></object>
     </h5>
    </div>
 </div>
</a>

这是一个bootply(请参阅生成的HTML):http://www.bootply.com/MmYwCLTF0P

以下是Vitaly Friedman的会议:https://vimeo.com/162334949