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

Question

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

$('.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

请帮忙

Answer 1

加载局部视图时（可能会有一个事件），您必须（重新）绑定所有 jQuery 对象。

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

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

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

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

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

Select2 multiple not working after partialview refresh

asp.net-mvc

partial-views

jquery-select2