Bootstrap javascript打破了链接

Question

我正在使用以下技术开发WordPress网站：

• stellarjs
• waypoints.js
• 显然是jquery
• jquery easing
• jquery masonry
• jquery imagesloaded
• prettyPhoto
• 和bootstrap

这些脚本的某些组合使得内容中的链接不起作用，但仅当我包含bootstrap.js时（我已经通过消除过程缩小了它）。如果我点击一个链接，就不会发生任何事情，就像应用了preventDefault一样。

我试图找出这些脚本是否不兼容，但我没有得到令人满意的搜索结果。

可在此处找到开发的网站：http://retesz.w.pw/。尝试点击菜单中的tha facebook / youtube / linkedin链接或内容中的任何其他链接。虽然如果在prettyPhoto模式中打开图像，图像描述中的链接可以正常工作。

知道为什么会这样吗？

Answer 1

TL; DR; 更新到最新的bootstrap版本。

我想你已经把这个排除了。但是，在使用基于bootstrap 3.0和3.1

的主题时，我最近遇到了同样的问题

我没有时间正确调试它，特别是因为它现在已经修复，但链接被bootstrap代码的以下部分中的preventDefault（）阻止：

  $(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) {
    [...]
    if ($this.is('a')) e.preventDefault()

目前很容易解决此问题更新到最新的bootstrap版本。