Bootstrap dropdown不适用于RequireJs

Question

这是我的代码

requirejs.config({
    paths: {
        'knockout': '/Scripts/vendors/knockout/knockout-2.3.0',
        'knockout-validation': '/Scripts/vendors/knockout/knockout.validation',
        'knockout-postbox': '/Scripts/vendors/knockout/knockout-postbox',
        'knockout-mapping': '/Scripts/vendors/knockout/knockout.mapping',
        'jquery': '/Scripts/vendors/jquery/jquery-1.10.2',
        'bootstrap': '/Scripts/vendors/bootstrap/bootstrap'

    },
    shim: {
        'bootstrap': {
            deps: ['jquery'],
            exports: '$'
        },
        'knockout-validation': ['knockout'],
        'knockout-mapping':  ['knockout'],
        'knockout-postbox': ['knockout']
    },
    enforceDefine : true
});

所以当我调整我的屏幕大小时，我得到了响应式下拉列表，但是它不能正常工作。我直接将脚本插入到页面中，这就是我为什么需要的代码不起作用的原因。

我在stackoverflow上尝试了一堆问题，但似乎都不起作用。我使用的是Bootstrap 3.0.0

Answer 1

我遇到了同样的问题，在我的例子中，问题是bootstrap.js被加载了两次，一次是由页面中的脚本标记加载的，另一次是由requirejs加载的。

单击dropdown时，toggle函数被触发两次，第一次显示dropdown，第二次隐藏dropdown。因此，它似乎不起作用。

从页面中删除脚本标记后，它就可以工作了。