javascript - 点击后关闭链接列表

Question

我有这个代码：

<input id="ville" placeholder="Enter a city">
<ul class="suggestions">
  <li data-vicopo="#ville">
    <strong data-vicopo-code-postal></strong>
    <span data-vicopo-ville></span>
  </li>
</ul>

<script src="https://vicopo.selfbuild.fr/api.js"></script>

$(document).on('click', '.suggestions li', function () {
  $('#ville').val(
    $(this).find('[data-vicopo-code-postal]').text()
  );
});

当我单击我选择的城市时，建议的城市列表不会消失。我可以做什么简单的修复，以便在单击时关闭或隐藏建议的显示？

谢谢

Answer 1

插入以下代码以在使用 .hide() 隐藏后始终显示建议列表。

用户可以单击返回输入字段并开始输入，然后将再次显示列表，或者单击它。

$('#ville').on('click keyup', function() {
  $('.suggestions').show();
})