Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery AjaxSelected插件将无法工作_Jquery_Jquery Plugins_Jquery Chosen - Fatal编程技术网

Jquery AjaxSelected插件将无法工作

Jquery AjaxSelected插件将无法工作,jquery,jquery-plugins,jquery-chosen,Jquery,Jquery Plugins,Jquery Chosen,整个下午我都在摆弄AjaxSelected,因为我喜欢Selected,但我的期权价值集太大了。我也尝试过select2,但它实在太慢了 因此,我得到了Choiced的最新版本(1.1.0)和AjaxChoiced的最新版本。我选择如下: $("#add_people").ajaxChosen({ type: 'GET', minTermLength: 3, afterTypeDelay: 300, dataType: 'json', url: 'ht

整个下午我都在摆弄AjaxSelected,因为我喜欢Selected,但我的期权价值集太大了。我也尝试过select2,但它实在太慢了

因此,我得到了Choiced的最新版本(1.1.0)和AjaxChoiced的最新版本。我选择如下:

$("#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;
});
[{"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)"}]
我的脚本可以访问此URL,并且没有XSS预防,因为我的脚本与远程URL位于同一个域上

我的JSON格式如下:

$("#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;
});
[{"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)"}]
我看到Selected已初始化,但当我开始键入时,我立即得到“没有关键字搜索结果”。我的控制台中没有错误

那有什么问题?插件就是不起作用吗?还是我做错了什么


我在这里创建了一个JSFIDLE
有人能帮忙吗,这样我就不会在这上面浪费更多的时间了?:-)我很想用这个。谢谢

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

Michael Perrin似乎将其分叉以兼容1.X版本的Selected:

Michael的叉子可以使用,但还是有点问题。在Michael的例子中,我的主要问题是,在找到匹配的结果后,一些键入的字母被丢弃了。意外的行为

也许最好再给一次机会,因为它的用户声称,在处理大型列表时,他们可以绕过插件的滞后性

该插件受到积极支持,并被广泛使用。也许我们最好在那个篮子里下蛋;-)


可以找到Select2缓慢的问题。

我也有同样的问题,没有启动Ajax请求。经过一点调查,我发现如果你的选择是空的,选择禁用搜索功能

将此添加到所选选项:
禁用搜索\u阈值:-1

您的代码应该如下所示:

$("selector").ajaxChosen({
    // AJAX & AjaxChosen OPTIONS
    type: 'GET',
    url: "/My/url.php",
    dataType: 'json'
},
function (data) {
    // CALLBACK
    var results = [];
    // [...]
    return results;
}, 
{
    // CHOSEN OPTIONS
    disable_search_threshold: -1
});

我刚刚测试了Michael Perrin的版本,它仍然可以正常工作。我想关键是原始版本仍然在寻找选择的类,如
.chzn container
.chzn results
,但选择的实际使用的是
.selected container
等等。Michael的版本更新了这些引用的类