ajax load（）后功能下拉丢失

Question

如何重新初始化Bootstrap下拉列表？ 问题是，我正在使用load()

的ajax调用重新加载我的大部分页面

<div id=container>
    //Everything 
</div>

并且在ajax的成功之后，我做到了：

success: function () {
    $('#container').load('/catalog/subequipe/gerencia');
},

我也试过了：

$(document).on('change', function () {
    $('.dropdown-toggle').dropdown();
});

并在ready

内免费

我只是尝试让导航栏的下拉列表工作，而不是用新内容填充下拉列表。

Answer 1

委托事件（如第二次尝试）在此处无法工作，因为您需要在load()完成后完全重新初始化插件。试试这个：

success: function () {
    $('#container').load('/catalog/subequipe/gerencia', function() {
        $('.dropdown-toggle').dropdown();
    });
},