【问题标题】:Bootstrap javascript breaks linksBootstrap javascript 断开链接
【发布时间】:2014-02-02 19:11:52
【问题描述】:

我正在使用以下技术开发一个 WordPress 网站:

  • 恒星
  • waypoints.js
  • 显然是 jquery
  • jquery 缓动
  • jquery 砌体
  • jquery 图像已加载
  • 漂亮的照片
  • 和引导

这些脚本的某些组合使得内容中的链接不起作用,但只有当我包含 bootstrap.js 时(我已通过消除过程缩小了范围)。如果我点击一个链接,什么都不会发生,就像应用了 preventDefault 一样。

我试图找出这些脚本是否不兼容,但我没有找到相关的搜索结果。

开发的网站可以在这里找到:http://retesz.w.pw/。尝试点击菜单中的 facebook/youtube/linkedin 链接或内容中的任何其他链接。虽然如果在 prettyPhoto 模态中打开图像,图像描述中的链接仍然有效。

知道为什么会这样吗?

【问题讨论】:

    标签: jquery twitter-bootstrap jquery-waypoints stellar.js


    【解决方案1】:

    TL;DR; 更新到最新的引导程序版本

    我想你现在已经解决了这个问题。但是,我最近在使用基于 bootstrap 3.0 和 3.1 的主题时遇到了同样的问题

    我没有时间正确调试它,尤其是它现在已修复,但在引导代码的以下部分中,链接被 preventDefault() 阻止:

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

    这个问题目前很容易解决更新到最新的引导版本

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-10-17
      • 2012-04-30
      • 1970-01-01
      • 2020-07-18
      相关资源
      最近更新 更多