1

我正在将 Twitter Bootstrap v2.1.1 与 v0.9.8 附带的 Chosen 插件一起使用，并且遇到了一个奇怪的问题，如果我的选择包含“Tom & Jerry”之类的 & 符号并且我搜索“m”，则选择的选择将“&”更改为“&”，并且选择了“&”中的“m”。

这是一个 JSFiddle：http: //jsfiddle.net/yakitori/2pszc/

$('#chz-select').chosen({search_contains:true});

尽管 Chosen 插件随 Bootstrap 一起提供，但似乎存在一些奇怪的冲突。如果我从 JSFiddle 中删除 bootstrap.min.js，则“&”不会被转换并且搜索工作正常。还有其他人遇到这个问题吗？有谁知道如何解决它？

4

2 回答 2

0

I'd switch to Select2, a fork of Chosen which has a much better API:

http://jsfiddle.net/isherwood/2pszc/1/

$('#chz-select').select2();
于 2013-07-19T19:03:01.743 回答
0

要解决此问题，请删除search_contains:truemake itsearch_contains:false。希望您不需要“包含”搜索。

$('#chz-select').chosen({search_contains:false});

或者干脆有

$('#chz-select').chosen();

参考这个答案，更好地在您的 HTML 中使用 & 编码您的符号&。

&这是您的html 编码&

<select id="chz-select" data-placeholder="Select...">
    <option value="1">Tom &amp; Jerry</option>
    <option value="2">Andy &amp; Jamie</option>
    <option value="3">Mark &amp; Amy</option>
</select>

工作小提琴

于 2013-07-22T05:26:20.120 回答