用于取消选择jquery中的项目的'x'不会出现

Question

新选择我遇到了一件奇怪的事情。 有多个选项选择。 我已经选择了这样的列表

$("#valgteSteder").chosen({
    no_results_text: "No results",
    placeholder_text_single: "-- choose --",
    disable_search: false
});

当我选择一个或多个选项时，我没有在显示的项目中右侧显示“X”以取消选择。我试图在所选的文档中搜索解决方案，但无济于事。我对错误或遗失的看法是什么？

Answer 1

试试这个

检查chosen.css search-choice-close课程，您应该拥有此图片chosen-sprite.png，并且该图片应位于正确的路径（文件夹）

Answer 2

对我来说，一切都在开发中，但是在我将rails应用程序部署到Heroku（奇数）后，图标找不到。我将selected.scss中的所有url("chosen-sprite.png")引用更改为image_url("chosen-sprite.png")，现在所有图标都已正确解析。

Answer 3

已选择的较新版本具有两个图像。检查以下图像中的 是否在正确的位置（默认情况下，与selected.css文件的文件路径相同）：

1. chosen-sprite.png
2. chosen-sprite@2x.png

我有第一张图片，但缺少第二张。

Answer 4

我遇到了同样的问题，但这不是CSS问题。事实证明，仅当您通过一个选项告诉选择要这样做时，才会出现要取消选择的小“ x”：

$('.myelement').chosen({allow_single_deselect: true});

Full list of options