jquery – chosen.js ::有没有人有一个实际的工作示例？

有没有人使用和定制一些基本的selected.js代码？

我已经下载了js,css和png,从示例中复制了一些代码,编写了我自己的超简单示例,但我必须遗漏一些东西.我已经验证了code.jquery.js被包含并被加载,与selected.css相同.

当我尝试调出一个非常简单的SELECT字段(下拉列表)时,我得到一个非常小的字段,单击该字段什么也不做.当我禁用selected.js时,我只需显示所有选项的SELECT.

这是我在jQuery中添加一个简单的SELECT的方法(我必须动态填充该字段,尽管在这个例子中它都是硬编码的)：

$html = '<select name="items" id="items" multiple="multiple" size="1" class="chosenElement">';
    $html += '<option value="foo">foo</option>';
    $html += '<option value="bar">bar</option>';
    $html += '<option value="baz">baz</option>';
    $html += '<option value="qux">qux</option>';    
    $html += '</select>';

然后,当我显示包含选项的模态对话框时,我调用：

$('.modal-body').html($html);
$('.chosenElement').chosen();

到目前为止,我已经修改并测试了各种排列,用Google搜索了解决方案或示例,但似乎没有任何效果.这可能是非常愚蠢的事情,比如在某个地方缺少一个半冒号,但是我浪费了太多时间在这个“10分钟的实施”上,我需要请求帮助.

https://github.com/harvesthq/chosen

解决方法

如果你真的想测试“最基本”的例子,我建议：

>处理硬编码的HTML(与动态添加的HTML相比)
>从select元素中删除所有属性
>只有在基本示例运行正常后才将属性添加回select元素.

请注意,select元素上的multiple =“multiple”属性确实使selected.js表现不同.

我在这里运行你的代码：http://jsfiddle.net/99Dkm/1/

它工作得很好.

我怀疑问题不是选择.js库而是你如何使用它(包含在一些基本的jQuery onready函数丢失或其他).

请注意,在我关于jsfiddle的工作示例中,我只包括selected.css& chosen.jquery.js.

注意：从http://cdnjs.com/libraries/chosen获取这些文件的URL(javascript& css)