首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使bootstrap的popover链接可点击?

使Bootstrap的Popover链接可点击,可以通过以下方法实现:

  1. 在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; }
  2. 在JavaScript中添加以下代码,以实现链接的点击功能:
  3. 在CSS中添加以下代码,以实现链接的样式:

这样,在点击Popover中的链接时,就可以正常跳转到指定的URL地址。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

9分1秒

10分钟搞定附近的人功能

47秒

LabVIEW PID算法模拟油舱液位控制过程

7分50秒

workreporter 工作记录项目视频开发逻辑(内涵源码链接)

1.3K
36秒

腾讯Light·公益创新挑战赛

-

温湿度监控系统提供有线和无线多种组网方式选择

1分52秒

Web网页端IM产品RainbowChat-Web的v7.0版已发布

26分40秒

晓兵技术杂谈2-intel_daos用户态文件系统io路径_dfuse_io全路径_io栈_c语言

3.4K
17分43秒

MetPy气象编程Python库处理数据及可视化新属性预览

领券