Select2未显示下拉列表，清除或任何其他图像

Question

我想我在这里错过了什么。

Select2在我的MVC应用程序中工作正常，除了它没有显示下拉图像，搜索图像，清晰图像，或者我应该说任何其他图像是这个插件的一部分。

以下是我在页面中使用它的方法：

1）Razor视图

<div>
<input id="countriesList" type="hidden" class="bigdrop"/>
</div>

2）脚本

$('#countriesList').select2(
{
    placeholder: 'Select Countries',
    minimumInputLength: 0,
    maximumSelectionSize: 3,
    multiple: true,
    allowClear:true,
    ajax: {
        url: '@Url.Action("GetCountriesList", "Geography")',
        dataType: 'json',
        data: function (term, page) {
            return {
                searchTerm: term
            };
        },
        results: function (data, page) {
        return {
            results: data 
            };
        }
    }
});

此外，我已将select2文件（即js，css，images和all）复制到与从其站点下载的文件夹结构相同的文件夹结构中，我也可以看到CSS和JS也被加载。我似乎没有使用适当的类，因为没有加载图像。

Answer 1

我自己解决了这个问题。 在MVC应用程序中使用捆绑时，样式包必须具有与包含CSS的物理文件夹类似的名称。

Answer 2

我有同样的问题，我认为@Nirman的回答对我不好。 因为如果bundle和目录具有相同的名称。 mvc已经混淆了，并没有加载放在该目录中的css和其他内容。

看看这篇文章第二部分的第二部分。 它显示了捆绑包和目录的相同名称之间的冲突：

Do not use folder paths as bundle names

它说： ＆＃34; 2。不要将文件夹路径用作包名称＆＃34;