Html href内部href

Html href内部href,html,twitter-bootstrap,tooltip,Html,Twitter Bootstrap,Tooltip,我有一个可点击的面板,其中有一个工具提示。代码如下所示: <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 hr

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

<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>

$(文档).ready(函数(){
$('[data toggle=“tooltip”]')。tooltip();
});
当我将鼠标悬停在工具提示文本上时,效果很好。工具提示与主链接
有关。当我单击图像时,链接工作正常。当我单击文本
场馆标题
时,它工作正常。但是,如果我单击
中的任何其他位置(例如文本右侧),该链接将不起作用


是否可以在另一个
中有
工具提示?

为了嵌套一个,请执行以下更改

必须将嵌套的a包装在
对象
标记中

<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>

下面是一个引导层(请参见生成的HTML):


这里是维塔利·弗里德曼的会议:

不。你不能有嵌套的
和嵌套的
s。你错了@MuhammadUsman,请稍候。。。我的回答是你自己不确定。。。。一分钟…,请看一看,把你的第二个“a”包装在一个对象标记内。@pbenard是的,我今天看到了一种可能性。。。我以前从未使用过
对象
。效果很好。谢谢嵌套的
元素无效HTML@j08691我同意你的看法。这是一个糟糕的黑客。。。但它起作用了……这是什么魔力。