javascript – 使用requireJS的Tooltip系绳

Bootstrap的最新测试版(v4)使用Tether js来定位元素,我无法让它在我的Requirejs应用程序中工作.

在我的requirejs配置我有以下垫片的

paths: {
    jquery: '/path/to/jquery',tether: '/path/to/tether'
},shim: { 
     'bootstrap': ['tether','jquery']       
}

当我想在我的应用程序中激活工具提示时,我使用以下代码,我认为是正确的

function page_events() {
    requirejs(['bootstrap'],function(bootstrap) {
        $('[data-toggle="tooltip"]').tooltip(); 
    }); 
}

这应该首先加载引导依赖关系,然后执行代码.所以在这段代码之前应该包括系带.

但控制台的结果是

Uncaught ReferenceError: Tether is not defined

有人有同样的问题吗？

解决方法

创建一个这样的脚本：

define(['lib/tether.min'],function(tether) {
    window.Tether = tether;
    return tether;
});

然后改变这个：

paths: {
    jquery: '/path/to/jquery',// tether: '/path/to/tether'
    tether: '/path/to/your-own-tether'
},'jquery']       
}

为什么？因为浏览器需要这样：

window.Tether = tether; // May be both requirejs and tether didn't do this