如何让每个方法使用MagicSuggest处理多个输入？

Question

我有三个领域，MagicSuggest将采取行动。我已经设置了它，以便当输入中有一个值时，一个名为“填充”的类将激活并保留其各自输入上方的标签。问题是使用MagicSuggest将这个“填充”类添加到每个其他输入中。我只想把它作为个人输入。

这是一支钢笔包含了我的问题。

我试过的是：

//Try #1
$(maa, baa, laa).each(function(){
  $(maa, baa, laa).on('selectionchange', function(e, m){
    var this = $(this).closest('.ms-ctn');
    $(this).addClass('filled');
  });
});

//Try #2
$(maa).on('selectionchange', function (e, m) {
  $('.ms-sel-ctn').each(function(){
    $(this).closest('.ms-ctn').addClass('filled');
  });
});

//Try #3
$(maa).on('focus', function (c) {
  $('ms-sel-ctn').closest('.ms-ctn').addClass('filled');
});

//Try #4
$('.magsug').each(function () {
  var xxx = $(this).magicSuggest({});
  $(xxx).on('selectionchange', function(event, combo, selection) {
    $('.ms-sel-ctn').closest('.ms-ctn').addClass('filled');
  });
});

//Try #5
$('.magsug').each(function () {
  var ms = $(this).magicSuggest({});
  $(ms).on('selectionchange', function (e, m) {
    $('.ms-sel-ctn').each(function(){
      $(this).closest('.ms-ctn').addClass('filled');
    });
  });
});

我在github中的问题页面上发现了一个类似的问题，并试图实现它(尝试#5)，但它对我没有作用。我正在学习JavaScript，很抱歉有任何明显的错误。谢谢你的帮助。

Answer 1

您正在一次修改所有输入字段，这就是您有此问题的原因。

您应该使用组件提供的事件和方法：

• 当选择更改时会触发on('selectionchange')
• ms.getValue()返回组件中包含的值。

不管怎么说，这是你的钢笔更正：

http://codepen.io/bubbliscious/pen/fecji

干杯