部分视图刷新后Select2多个不工作答案

【问题标题】：Select2 multiple not working after partialview refresh部分视图刷新后Select2多个不工作
【发布时间】：2017-05-17 06:59:01
【问题描述】：

我是这个 select2 多重的新手，
我有一个 select2 多个代码，用于在我的项目中选择多个，如下所示，

$('.itemName').select2({
    //data: data,
    placeholder: 'Select a Language',
    ajax: {
        url: '/User/LanguageSelect/',
        dataType: 'json',
        delay: 250,
        processResults: function (data) {
            //console.log(data);
            return {
                results: data
            };
        },
        cache: true
    }
});

这是在部分视图中，它在第一次运行良好，但是当部分视图刷新时，我无法在框中输入任何内容，

我也尝试添加这行代码..

$(document).ajaxComplete(function () {
    $('.itemName').select2();
});

但是当我添加这个时，select2 也无法正常工作，我做错了什么？？

这是我第一次加载的视图

First

在部分视图加载后我得到这样的

Second

请帮忙

【问题讨论】：

您收到什么错误信息？你的选择器是什么样的？
@MathiasRønnowNørtoft 没有显示错误，我用图像更新了问题。我现在只能添加链接
如何渲染局部视图？向我们展示该代码。
对不起，我在加载部分视图的视图中使用了 jquery，现在我在部分视图中添加了代码，它工作正常 :) 谢谢

标签： asp.net-mvc jquery-select2 partial-views

【解决方案1】：

当你的局部视图被加载时（可能有一个事件）你必须（重新）绑定你所有的 jQuery 对象。

据我所见，您在正确的轨道上，但第一个 select2 实例化是不同的，此外我怀疑您没有迷上正确的事件 (ajaxComplete)。

您能分享一下您是如何加载 PartialView 的吗？

如果您对此一无所知；只需将其添加到您的 PartialView：

<script>
    $(function(){
        $('.itemName').select2({
            // add stuff
        });
    });
</script>

【讨论】：