Drupal、Bootstrap 和 Jquery 冲突？答案

【问题标题】：Drupal, Bootstrap and Jquery conflict?Drupal、Bootstrap 和 Jquery 冲突？
【发布时间】：2015-02-02 15:02:48
【问题描述】：

有人问this question，但它并没有解决我的问题，尽管它描述得很好。我正在使用

Drupal 7
jQuery 1.10
引导程序 3.0.2

当我这样做时：

<a href="#whatever">Click me</a>

它没有转到页面上它应该去的部分。相反，它会抛出此错误：

Uncaught TypeError: Cannot read property 'createDocumentFragment' of null

我尝试禁用 Bootstrap 的工具提示功能。不工作。我不知道为什么它会在这些类型的链接上这样做。有什么想法吗？

更新

我在该页面上包含的所有脚本：

<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script src="/www/sites/all/modules/jquery_update/replace/jquery/1.10/jquery.min.js?v=1.10.2"></script>
<script src="/www/misc/jquery.once.js?v=1.2"></script>
<script src="/www/misc/drupal.js?nizv5b"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
<script src="/www/sites/all/modules/codefilter/codefilter.js?nizv5b"></script>
<script type="text/javascript" language="javascript" src="//cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" language="javascript" src="//cdn.datatables.net/plug-ins/3cfcc339e89/sorting/alt-string.js"></script>
<script type="text/javascript" language="javascript" src="//cdn.datatables.net/plug-ins/3cfcc339e89/sorting/currency.js"></script>
<script src="/www/sites/all/themes/bootstrap/js/bootstrap.js?nizv5b"></script>

【问题讨论】：

点击链接时会调用什么代码？你有 jQuery 处理程序吗？引导程序？ Drupal 是否包含其他 jQuery 库？
我列出了包含在该页面上的所有 JS 文件的列表。没有工具提示功能。我想也许我两次包含 Bootstrap，但最后一个 bootstrap.js 文件，根据文件中的描述，说：“提供对 Bootstrap 的 JS 文件的一般增强和修复”。所以这看起来像是引导模块和主题的一部分。
点击链接时如何查看调用的内容？现在我没有任何附加到事件（点击它的事件）。

标签： jquery twitter-bootstrap-3 drupal-7

【解决方案1】：

我设法找到了some help here。但是，我不想使用不稳定的版本，所以我只是有点“作弊”并删除了导致问题的行。 IE。在 bootstrap.js 中我删除了：

var $fakeAnchor = $('<div/>')
   .addClass('element-invisible')
   .attr(attr, $target.attr(attr))
   .css({
      position: 'absolute',
      top: offset + 'px',
      zIndex: -1000
   })
   .appendTo(document);

还有这个：

$fakeAnchor.remove();

解决了问题，但不确定会有什么副作用。但我确实认为这可以关闭，因为它太“本地化”了

【讨论】：

【解决方案2】：

可以改为从 UI 中禁用：https://www.drupal.org/node/2466151

Home » Administration » Appearance » Settings » Bootstrap (or your enabled Bootstrap-subtheme » Javascript » Anchors

升级到 7.x-3.1-beta3 为我解决了这个问题并保持了流畅的滚动能力。

【讨论】：