Bootstrap下拉列表不適用於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
});

因此，當我調整屏幕大小時，會出現響應下拉菜單，但無法正常工作。 我通過直接將腳本插入頁面來破解，這就是為什么requireJS無法正常工作的原因。

我嘗試了一些關於stackoverflow的問題，但似乎沒有任何效果。 我正在使用Bootstrap 3.0.0

Answer 1

我遇到了同樣的問題，我的問題是bootstrap.js被加載了兩次，一次是由頁面中的script標記加載的，另一次是由requirejs加載的。

單擊下拉菜單后， toggle了兩次toggle功能，第一次顯示該下拉菜單，第二次隱藏該下拉菜單。 因此，這似乎行不通。

從頁面中刪除腳本標記后，它就可以工作。