javascript - MagicSuggest:获取模糊选择的长度

Question

我正在使用MagicSuggest我需要获取模糊事件的选择长度。如果我通过 ENTER 键添加新选择，我的代码可以很好地工作，但如果我从列表中选择现有选择，则代码不起作用。

用例

1. 如果用户通过 ENTER 键选择建议，则长度 = 1 - 正确
2. 如果用户通过鼠标点击选择建议，长度 = 0 - 不正确，应为 1

JSfiddle https://jsfiddle.net/a1ejqtae/7/

HTML

<form action="">
  <label for="keyword">Keywords</label>
  <input type="text" id="keywords">
</form>

JS

$('form input').on('blur', function(){

var selectionLength = $('form .ms-sel-item').length;
$('.selection-name').text(selectionLength);
console.log('Selection is ' + selectionLength);

if( selectionLength > 0 ){
console.log('Selection is greater than 0');
}

});

PS 有谁知道这个插件发生了什么，github 页面仍在运行，但包含所有文档和示例的网站已关闭 - http://nicolasbize.com/magicsuggest/doc.html 。感谢上帝有回程机。

Answer 1

我在你的 jsfiddle 中测试了下面的代码，它工作得很好:

var labelName = $('label').text();
console.log('label = ' + labelName);

$('#keywords').magicSuggest({
  hideTrigger: true,
  placeholder: 'Start typing for keyword suggestions',
  useZebraStyle: true,
  data: ["banshee", "fargo", "house", "csi", "ncis"],
  method: 'get'
});

var update = function (){
    var selectionLength = $('form .ms-sel-item').length;
  $('.selection-name').text(selectionLength);
  console.log('Selection is ' + selectionLength);
}

$('form input').on('blur', function(){

 update();

});
$(window).on('keyup', function(e){
 if(e.keyCode === 13){

  update();
  $(this).blur();
 }

});
$(window).on('click', function(e){
  update();
  $(this).blur();
});

如果有任何问题请告诉我。我希望它有帮助。