使用 jquery 选择选择器更改部分视图后未获取 css答案

【问题标题】：after change Partial View with jquery select picker not get css使用 jquery 选择选择器更改部分视图后未获取 css
【发布时间】：2017-02-23 10:38:14
【问题描述】：

我有问题...我使用此 link 更改视图中的部分视图，但是当更改部分视图下拉菜单时未获取默认模板 css 我使用此 jquery 刷新 css：

      $("#SelectPicker").selectpicker('refresh');
      $("#SelectPicker").selectpicker('render');

使用此代码 css 可以，但使用此代码后下拉菜单未打开

'code' function GetPartial() {
    /* Get the selected value of dropdownlist */
    var selectedID = $("#EstateID").val();

    /* Request the partial view with .get request. */
    $.get('/Home/ReturnProSearchPartial/' + selectedID, function (data) {

        /* data is the pure html returned from action method, load it to your page */
        $('#partialPlaceHolder').html(data);

        $(document).ready();

        $(".SelectPicker").selectpicker('refresh');
        $(".SelectPicker").selectpicker('render');
    });


}

【问题讨论】：

您需要显示您的代码。最好的猜测是你用 id="SelectPicker" 替换元素并且你没有在 ajax 成功回调中将插件附加到新元素

标签： jquery css ajax asp.net-mvc partial-views

【解决方案1】：

你只是改变了 DOM，这并不意味着你的 css setter 调用被执行了。您必须在 DOM 更新后再次执行它们。

【讨论】：

如何执行它们？
我使用 MutationObserver 来检测更改并执行我的方法。或者 - 超级丑陋的解决方案 - 在 100 毫秒后使用 setTimeout 调用选择器刷新。