Виджет мгновенного поиска menuselect иногда не работает в IE

Сейчас я разрабатываю страницу поиска, используя виджеты algolia. Если я не использую виджет menuselect, моя веб-страница хорошо работает в IE. Но если я использую виджет menuselect, виджеты algolia, следующие за menuselect, не отображаются. Поэтому я попытался протестировать только виджет menuselect. Следующий код показывает мой тестовый файл.

var searchDiscover = instantsearch({
  indexName: 'demo_ecommerce',
  searchClient: algoliasearch('B1G2GM9NG0', 'aadef574be1f9252bb48d4ea09b5cfe5'),
  routing: false,
});


var widget = instantsearch.widgets.menuSelect({
  container: '#brand-list',
  attribute: 'brand',
});
searchDiscover.addWidget(widget);
searchDiscover.start();
<html lang = "en">
  <head>
    <meta charset = "utf-8" />
    <meta
      name = "viewport"
      content = "width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <meta name = "theme-color" content = "#000000" />

    <link rel = "manifest" href = "./manifest.webmanifest" />
    <link rel = "shortcut icon" href = "./favicon.png" />

    <link
      rel = "stylesheet"
      href = "https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/algolia-min.css"
    />
    <link rel = "stylesheet" href = "./src/index.css" />
    <link rel = "stylesheet" href = "./src/app.css" />

    <title>ais-ecommerce-demo-app</title>
  </head>

  <body>
    <div class = "ais-InstantSearch">
      <h1>InstantSearch.js e-commerce demo</h1>

      <div class = "left-panel">
        <div id = "clear-refinements"></div>

        <h2>Brands</h2>
        <div id = "brand-list"></div>
      </div>

      <div class = "right-panel">
        <div id = "searchbox" class = "ais-SearchBox"></div>
        <div id = "hits"></div>
        <div id = "pagination"></div>
      </div>
    </div>

    <script src = "https://cdn.jsdelivr.net/npm/[email protected]/dist/algoliasearchLite.min.js"></script>
    <script src = "https://cdn.jsdelivr.net/npm/[email protected]"></script>
    <script src = "./src/app.js"></script>
  </body>
</html>

Он работает в Chrome, но не работает в IE (я не вижу меню в IE). С другой стороны, я вижу живой пример menuselect в следующем URL-адресе, но не могу найти код. https://instantsearchjs.netlify.com/stories/?selectedKind=MenuSelect&selectedStory=default&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel

Что не так в моем коде?

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
94
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я любил эту проблему. Чтобы виджет работал в IE, я могу добавить на страницу полифиллы:

<script src = "https://polyfill.io/v3/polyfill.min.js?features=default,Array.prototype.find,Array.prototype.includes"></script>

Другие вопросы по теме

Похожие вопросы

Почему scrollView не работает вертикально в моем коде?
Как исправить проблему с навигацией в React Native (TypeError: undefined не является объектом (оценка '_this.props.navigation)
Как исправить «Uncaught TypeError: не удалось выполнить« createObjectURL »для« URL »: не найдена функция, соответствующая предоставленной подписи ..»
Как использовать функции renderMessage, renderMessageImage, а также как отображать сообщения, не найденные, если объект сообщений пуст
Как информировать и обновлять клиента, когда новая запись вставляется в базу данных mysql, используя node js и socket.io
Можно ли определить принудительный_корневой_блок для каждого экземпляра TinyMCE с несколькими экземплярами?
Что не так с тернарным оператором javascript в моем приложении?
Завершить функциюmultiMagic() для умножения двух элементов
Флажок Tampermonkey перестает работать после перезагрузки страницы
Перебор JSON для получения геокоординат (d3 и листовка)