Bootstrap的最新测试版(v4)使用Tether js来定位元素,我无法让它在我的Requirejs应用程序中工作.
@H_301_2@在我的requirejs配置我有以下垫片的
paths: { jquery: '/path/to/jquery',tether: '/path/to/tether' },shim: { 'bootstrap': ['tether','jquery'] }@H_301_2@当我想在我的应用程序中激活工具提示时,我使用以下代码,我认为是正确的
function page_events() { requirejs(['bootstrap'],function(bootstrap) { $('[data-toggle="tooltip"]').tooltip(); }); }@H_301_2@这应该首先加载引导依赖关系,然后执行代码.所以在这段代码之前应该包括系带. @H_301_2@但控制台的结果是
@H_301_2@Uncaught ReferenceError: Tether is not defined@H_301_2@有人有同样的问题吗?
解决方法
创建一个这样的脚本:
define(['lib/tether.min'],function(tether) { window.Tether = tether; return tether; });@H_301_2@然后改变这个:
paths: { jquery: '/path/to/jquery',// tether: '/path/to/tether' tether: '/path/to/your-own-tether' },'jquery'] }@H_301_2@为什么?因为浏览器需要这样:
window.Tether = tether; // May be both requirejs and tether didn't do this