href 不加載 html 的腳本

Question

我在我的網頁中創建了一個導航欄，使用 href 鏈接到不同的 html 文件。 navbar.html 有 javascript 來更改活動鏈接 UI，以顯示用戶單擊了我這樣加載的項目。

導航欄.html

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

導航欄.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 頁面，並且我在 search.html 中包含相同的 navbar.html ：

搜索.html

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

但是，活動鏈接不會更改為單擊的相應頁面（在本例中為 search.html）。 導航欄只是在編寫原始 html 時加載。 如何在加載另一個頁面時使navbar.js也執行並更改 html？

Answer 1

除非它也是一個 Jquery 函數，否則require()是一個 Node JavaScript 函數。 您應該收到類似“require 不是函數”或“require 未定義”之類的錯誤。

我相信你的 HTML
<script> require('../assets/navbar.js'); </script>

應該
<script src='../assets/navbar.js'></script>

這會將源src文件中的 JavaScript 加載到腳本所在的 HTML 頁面中，盡管這是一個相對標記，因此可能需要將其修改為相對於您應用它的任何頁面。