在使用 RequireJS 的上下文中，Jquery 工具提示与 Bootstraps 冲突

Question

这是引用文献中的一个众所周知的问题 here:
Jquery 和 Bootstrap 有 tooltip() 的命名冲突

许多人建议的解决方案是使用 $.widget.bridge在加载 Bootstrap 之前。但就我而言，我不知道如何使用 requireJS 样式来实现它:

我的脚本导入如下所示:

define(['jquery', 'jquery-ui', 'knockout', 'bootsrap'],

Answer 1

嗯，这是一个古老的悬而未决的问题。由于我在遇到同样的问题时偶然发现了它，所以我是这样解决的:

require.config({
  shim: {
    'bootstrap': {
      deps: ['jquery', 'jquery-ui'],
      callback: function($) {
        $.widget.bridge('uitooltip', $.ui.tooltip);
      }
    }
  }
});

这迫使 requireJS 在加载 Bootstrap 之前加载 jQuery UI 并实现桥接。
这可能被认为是一种肮脏的解决方法。但是，由于这段代码片段配置了不同依赖项的加载方式并解决了两个依赖项之间的冲突，我认为这是该行代码存在的好地方。