当前位置:  开发笔记 > 编程语言 > 正文

带有requireJS的工具提示系绳

如何解决《带有requireJS的工具提示系绳》经验,为你挑选了1个好方法。

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(); 
    }); 
}

这应首先加载bootstraps依赖项,然后执行代码.所以通常应该在这段代码之前包含Tether.

但控制台的结果是

未捕获的ReferenceError:未定义系绳

有没有人有同样的问题?



1> Mas Bagol..:

创建一个这样的脚本:

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'
},
shim: { 
     'bootstrap': ['tether', 'jquery']       
}

为什么?因为浏览器需要这个:

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

推荐阅读
勤奋的瞌睡猪_715
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有