Jquery Selected.js:：有人有实际的工作示例吗？

是否有人使用并定制了一些基本的select.js代码

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

当我尝试打开一个非常简单的选择字段（下拉列表）时，我会得到一个非常小的字段，单击该字段不会产生任何效果。当我禁用selected.js时，我只需在显示所有选项的情况下进行选择

下面是我如何在jQuery中添加一个简单的SELECT（我必须动态填充字段，尽管在本例中它都是硬编码的）：

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

---

您必须以选择为目标

$('#items').chosen();

---

动态填充字段时，JSON结果集是否返回w/“Text”和“Value”属性？如果未选中，则不会在其列表中正确设置结果格式。事实上，它根本不会添加它们。我通过艰苦的学习了解到这一点，因为我的结果最初是用w/“Name”和“ID”属性返回的。

尝试从选择框中删除size=“1”属性和/或设置宽度更大的样式属性。Selected将生成元素的宽度基于基础选择框的宽度，因此，如果选择框非常小，则所选选择框也将非常小。希望对您有所帮助。

将jQuery代码包装在：-

$(document).ready(function(){
  $('.chosenElement').chosen();
});

---

遇到了类似的问题。在我的情况下，我无法找出是什么原因导致了这种情况：

$j('select').livequery(
    function(){
        $j(this).chosen({width: "300"});
        $j('.search-field input').height(14);

    }, 
    function(){
         //remove event
    });

---

如果您真的想测试“最基本”的示例，我建议：

使用硬编码HTML（与动态添加的HTML相比）

从

select

元素中删除所有属性

只有在基本示例正常运行后，才能将属性添加回

select

元素

请注意，

select

元素上的

multiple=“multiple”

属性确实使

selected.js的行为有所不同

我已在此处运行了您的代码：

而且效果很好

我怀疑问题不在于
selected.js
library，而在于如何使用它（包装在一些基本的jQuery onready函数中，否则就会丢失）

注意，在我关于JSFIDLE的工作示例中，我只包含了
selected.css
&
selected.jquery.js

注意：从
获取这些文件（javascript和css）的URL所选选项的文档包括：

如果在实例化“选择”时“选择”处于隐藏状态，则必须指定
宽度或选择将以0的宽度显示

为避免出现零宽度字段，您需要使用“宽度”选项，或者在调用Selected时确保您的原始选择可见。
谢谢您的反馈。也许您可以再看一下我在问题中的代码示例。最后一行代码说明我正在调用$（'.chosenElement'）.selected（）；。我错过什么了吗？糟糕的是，我没有读过这本书。代码很好用，你很有趣。我有时也做同样的事情。无论如何，谢谢你要查找在线托管的
selected.js库，请参见
$(document).ready(function(){
  $('.chosenElement').chosen();
});

$j('select').livequery(
    function(){
        $j(this).chosen({width: "300"});
        $j('.search-field input').height(14);

    }, 
    function(){
         //remove event
    });