jquery - ajaxChosen 插件将无法工作

标签 jquery jquery-plugins jquery-chosen

我整个下午都在摆弄 ajaxChosen,因为我喜欢 Chosen,但我的选项值集变得太大了。我也尝试过 select2,但它太慢了。

http://harvesthq.github.io/chosen/ https://github.com/meltingice/ajax-chosen

所以,我已经获得了最新版本的 selected (1.1.0) 和最新版本的 ajaxChosen。我初始化ajaxChosen如下:

$("#add_people").ajaxChosen({
    type: 'GET',
    minTermLength: 3,
    afterTypeDelay: 300,
    dataType: 'json',
    url: 'http://cmcrm.chocolata.be/content/people.php?action=list_options'
  }, function (data) {
    var results = [];
    $.each(data, function (i, val) {
    results.push({ value: val.value, text: val.text });
  });
  return results;
});

我的脚本可以访问此 URL,并且不会进行 XSS 预防,因为我的脚本与远程 URL 位于同一域中。

我的JSON格式如下:

[{"value":3,"text":"Valerietje Mortelmans (Actief)"},{"value":9,"text":"Olivier Hopchet (Actief)"},{"value":13,"text":"Wieland Rits (Actief)"},{"value":14,"text":"Melissa Seiffert van der Merwede (Actief)"},{"value":15,"text":"Guillaume de Valensart (Actief)"},{"value":18,"text":"Xavier Cloet (Actief)"},{"value":19,"text":"Brent Lammens (Actief)"},{"value":21,"text":"Coralie Libert (Actief)"},{"value":22,"text":"Laetitia Theus (Actief)"},{"value":23,"text":"Evelien Mollet (Actief)"},{"value":24,"text":"Feya Smets (Actief)"},{"value":25,"text":"Michelle Warneke (Actief)"},{"value":26,"text":"Carolyn Spaenjaers (Actief)"},{"value":27,"text":"Evelien Raes (Actief)"},{"value":28,"text":"Ange Luyten (Actief)"}]

我看到所选内容已初始化,但当我开始输入时,我立即收到“没有关键字的搜索结果”。我的控制台中没有错误。

那么问题出在哪里呢?该插件只是不起作用吗?还是我做错了什么?


我在这里创建了一个jsfiddle http://jsfiddle.net/4796y/

任何人都可以提供帮助,这样我就不会在这方面浪费更多时间吗? :-) 很想用这个。谢谢!

最佳答案

经过进一步的研究,我发现这个插件不再受到积极支持。

Michael Perrin 似乎将其 fork 为与 selected 的 1.X 版本兼容: https://github.com/michaelperrin/ajax-chosen/

Michael 的 fork 可以工作,但仍然有一点问题。在 Michael 的示例中,我的主要问题是在找到匹配结果后,一些键入的字母被删除。意想不到的行为!

也许最好给 Select2另一个机会,因为它的用户声称在处理大型列表时他们可以规避插件的滞后性。

该插件得到积极支持并被广泛使用。也许最好把鸡蛋放在那个篮子里;-)

Select2速度慢的问题可以参见here .

关于jquery - ajaxChosen 插件将无法工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22258153/

相关文章:

javascript - 在 jquery 选择的插件中动态添加新选项,其中选择多个

javascript - 选择的 jquery 脚本不工作

jquery - 单击外部菜单关闭 jquery

javascript - html+javascript : How to disable null option in dropdownlist on some condtition

javascript - 使用 jquery 禁用特定功能键

jquery 选择插件 - 使用 php 获取数据

javascript - selected.js 隐藏已选择选项中的删除 (X),但保留新选项

javascript - TypeError : ko. 可观察数组不是函数

jquery - 在对象中查找 json 元素并将其删除

jquery - 使用 ajax 自动完成。 jQuery 插件还是 jQuery UI 小部件?