Question

我在ajax中加载一个页面，其中包含一个带有bootstrap multiselect的表单。在我的ajax完成中，我在ajax中重新加载页面以应用更改。一旦完成，多选不再起作用。每当我点击它它不会扩展（没有js错误）。如果我再次提交表格，它可以正常工作。实际上它的工作时间只有一半，如果它没有扩展，下次我通过ajax刷新页面（从任何地方，不仅提交）它将起作用。

到目前为止，我试图在重新绑定之前重建并销毁它，但它似乎没有改变任何东西。

<select multiple name="showhide" id="showhide_select">
     <option value="uid">uid</option>
     <option value="name">name</option>
     <option value="age">age</option>
</select>

<script>
    $("#showhide_select").multiselect({
        buttonText: function(options, select) {
            if (options.length === 0) {
                return 'Select columns to hide';
            }
            else{
                return options.length + ' columns hidden';
            }
        }
    });
</script>

编辑： bootstrap 3.3.6，jquery 2.2.4

Answer 1

检查您是否在与页面相关的事件中初始化多选项：

<script type="text/javascript">
$(document).ready(function() {
    $('#example-getting-started').multiselect();
});

如果是这样，那么您需要在完成ajax请求时再次调用初始化脚本

在ajax中重新加载页面时引导多重选择间歇

1 个答案: