无法选择且删除的项目不会返回到typeahead -bootstrap中的列表

let selectedItems = [];
let allItems = ['Apple', 'Banana', 'Cherry'];

$('#typeahead').typeahead({
  source: allItems,
  updater: function(item) {
    selectedItems.push(item);
    allItems = allItems.filter(i => i !== item); // 更新数据源
    return item;
  }
});

<input id="typeahead" type="text">
<div id="selected-items"></div>

<script>
let selectedItems = [];
let allItems = ['Apple', 'Banana', 'Cherry'];

$('#typeahead').typeahead({
  source: allItems,
  updater: function(item) {
    selectedItems.push(item);
    updateSelectedItemsDisplay();
    allItems = allItems.filter(i => i !== item);
    return item;
  }
});

function updateSelectedItemsDisplay() {
  $('#selected-items').empty();
  selectedItems.forEach(item => {
    let btn = $('<button>').text(item).click(() => {
      selectedItems = selectedItems.filter(i => i !== item);
      allItems.push(item); // 将项目重新添加到数据源
      updateSelectedItemsDisplay();
      $('#typeahead').val('').trigger('input'); // 清空输入框并触发Typeahead更新
    });
    $('#selected-items').append(btn);
  });
}
</script>

$('#typeahead').data('ttView').clearCache();