使Bootstrap的Popover链接可点击,可以通过以下方法实现:
- 在Popover中添加链接元素,例如:<a tabindex="0" class="btn btn-lg btn-danger" role="button" data-toggle="popover" data-trigger="focus" title="Popover标题" data-content="<a href='https://www.example.com'>点击这里</a>">点击我</a>$('body').on('click', function (e) {
$('[data-toggle="popover"]').each(function () {
if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
$(this).popover('hide');
}
});
});.popover a {
text-decoration: underline;
color: #fff;
}
- 在JavaScript中添加以下代码,以实现链接的点击功能:
- 在CSS中添加以下代码,以实现链接的样式:
这样,在点击Popover中的链接时,就可以正常跳转到指定的URL地址。