Twitter Bootstrap js 文件已加载但无法与 requirejs 一起工作

Question

我有一个使用 Twitter Bootstrap 的 Laravel 应用程序。 一切正常，然后我实现了 Aloha WYSIWYG 编辑器 - http://www.aloha-editor.org/，它使用了 RequireJS。

我按以下顺序加载 JS 文件：

1. jQuery
2. BootstrapJS 文件
3. RequireJS
4. AlohaJS

按照这个顺序，Aloha 可以正常工作，但 $().modal 函数不起作用（TypeError 不是函数...）我可以看到 bootstrap.min.js 已加载到 Firebug 中。

如果我删除 RequireJS，引导函数可以正常工作。

我看过文档，但我不明白为什么即使文件加载正确，我的 Bootstrap 函数也不起作用？我必须在 RequireJS 中加载它吗？

在 RequireJS 文档中，你应该像这样加载 RequireJS：<script data-main="/assets/main" src="/assets/lib/require.js"></script> 但是 Aloha 告诉我们实现的方式没有任何 data-main 属性，所以加载模块的 main.js 文件在哪里?

谢谢

Answer 1

用下面的代码再试一次：

requirejs.config({
    appDir: ".",
    baseUrl: "js",
    paths: { 
        'jquery': ['//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min', 'libs/jquery-min'],
        'bootstrap': ['//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.', 'libs/bootstrap-min']
    },
    shim: {
        'bootstrap' : ['jquery']
    }
});

require(['jquery', 'bootstrap'], function($) {
    console.log("Loaded :)");    
    return {};
});

查看更多Loading Bootstrap from CDN with Require.js