href не загружает скрипт html

Question

Я создал панель навигации на своей веб-странице, которая ссылается на различные html файлы с помощью href. Панель навигации. html имеет javascript для изменения пользовательского интерфейса активной ссылки, чтобы показать пользователю, по какому элементу щелкают, который я загружаю таким образом.

navbar. html

<script>
   require('../assets/navbar.js');
</script>

navbar. js

$('#sidebar-button').click(function() {
    $('.ui.sidebar').sidebar('toggle');
 });

 $('div.sidebar-items > a').click(function() {
    $(this).attr('class', 'active item');
    $(this).siblings().attr('class', 'item');

    $(this).find('i').addClass('teal');
    $(this).siblings().find('i').removeClass('teal');

    $('.ui.sidebar').sidebar('toggle');
 });

Будет успешно загружен еще одну страницу html, и я включаю ту же панель навигации. html в свой поиск. html с:

поиск. html

<script> $(function() {
         $('#navbar').load("../html_pages/navbar.html", function() {
               $.getScript("../assets/navbar.js")
           });
      });
</script>

Однако активная ссылка не меняется на соответствующую страницу, по которой щелкают (в этом случае поиск. html). Навбар просто загружается, как было написано в оригинале html. Как я могу заставить navbar.js также выполнить и изменить html при загрузке другой страницы?

Answer 1

Если это также не функция Jquery, require() - это функция узла JavaScript. Вы должны получить что-то вроде ошибки «require is not function» или «require is notfined».

Я считаю, что ваш HTML
<script> require('../assets/navbar.js'); </script>

Должно быть
<script src='../assets/navbar.js'></script>

Это загрузит файл JavaScript из исходного файла src на страницу HTML, в которую вставлен скрипт, хотя это является относительным тегом, поэтому его может потребоваться изменить, чтобы он относился к любой странице, к которой вы его применяете.