【问题标题】:'x' for deselecting items in jquery chosen does not appear'x' 用于取消选择 jquery 中选择的项目不会出现
【发布时间】:2014-08-11 21:37:43
【问题描述】:

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

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

当我选择一个或多个选项时,我没有在显示的项目中获得“X”以取消选择。我试图在所选文档中寻找解决方案,但无济于事。知道我做错了什么或遗漏了什么吗?

【问题讨论】:

  • 检查chosen.css search-choice-close 类,你应该有这个图像chosen-sprite.png,它应该在正确的路径中
  • 感谢 Sridhar - 你让我朝着正确的方向前进。 :-) 问题是 .png 与 CSS 不在同一个文件夹中。谢谢 - 现在可以正常使用了
  • 我会把它添加为答案接受它

标签: jquery icons jquery-chosen


【解决方案1】:

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

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

Full list of options

【讨论】:

    【解决方案2】:

    较新版本的 Chosen 有两个图像。检查您是否在正确的位置有两个以下图像(默认情况下,文件路径与所选的.css 文件相同):

    1. 选择的精灵.png
    2. chosen-sprite@2x.png

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

    【讨论】:

      【解决方案3】:

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

      【讨论】:

      【解决方案4】:

      试试这个

      检查chosen.css search-choice-close 类,你应该有这个图像chosen-sprite.png,它应该在正确的路径(文件夹)中

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2018-11-24
        • 1970-01-01
        • 1970-01-01
        • 2012-04-06
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多