javascript - 重新加载后 SumoSelect 无法打开

Question

我正在使用 sumoselect关于我网站上的输入。

问题是 - 如果你打开第二个 sumoselect 然后你想先打开 - 所以点击第一个并且他没有打开...

我的代码:

$('.country').SumoSelect({placeholder: 'first'});
$('.anotherSumo').SumoSelect({placeholder: 'second'});

$('.anotherSumo').on('sumo:closing', function(e) {

  $('.country').empty();
  $('.country').append('<option value="newValue">newValue</option>');
  $('.country')[0].sumo.reload({placeholder: 'first'});
});

这是工作 fiddle 。只需打开第二个选择，然后尝试先打开 - 点击 2 次。以相反的顺序 - 首先点击打开第一个 sumo，然后第二次点击第二个 sumo 一切正常......

我尝试在重新加载后添加 $('country').trigger("click"); 但什么也没有

https://jsfiddle.net/eqa9og2v/5/

我需要知道如何以任何方式在第二次点击时打开第一个相扑，但在 sumoselect 关闭时使用功能触发器 - 因为第一个用户做出他的选择，如果用户完成选择选项，他关闭 sumoselect(打开另一个或只关闭)

Answer 1

我认为您尝试实现的方式不可行，也无法实现，因为当您单击第一个打开它时，会调用第二个下拉关闭，您会在其中再次重新创建第一个。所以第一个下拉列表的实际点击会丢失，因为所有新绑定(bind)都添加到第一个下拉列表中。

如果你想实现它，你必须更改插件中的代码，这不是一个好的做法。您也可以使用 $('.sumo_country').addClass('open').attr('aria-expanded', 'true'); 强制第一个下拉菜单显示选项要关闭下拉菜单，您必须在第一次单击两次。

更改任何依赖于其他值的下拉值的正确且可行的方法是使用下拉列表的 change 函数。

在您的情况下，无论何时从第二个下拉列表中选择或取消选择对您有用的值，您都必须更改数据。