Jquery AjaxSelected插件将无法工作
整个下午我都在摆弄AjaxSelected,因为我喜欢Selected,但我的期权价值集太大了。我也尝试过select2,但它实在太慢了 因此,我得到了Choiced的最新版本(1.1.0)和AjaxChoiced的最新版本。我选择如下: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
$("#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的版本更新了这些引用的类