有没有人使用和定制一些基本的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分钟的实施”上,我需要请求帮助.
解决方法
如果你真的想测试“最基本”的例子,我建议：
>处理硬编码的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)
