部署后无法在网站中下拉

Question

我已经使用 R markdown（静态 HTML）配置了一个网站。该网站是几年前配置的，下面的 YAML 结构在部署网站后可以很好地创建下拉菜单。

  name: "personal-website"
  output_dir: "."
  title: "Personal Website"
  left:
    - text: "Home"
      href: index.html
    - text: "About Me"
      href: a.html 
    - text: "Projects" 
      menu: 
        - text: "Class Projects"
        - text: "P1"
          href: a.html
        - text: "---------"
        - text: "Personal Projects"
        - text: "P2" 
          href: a.html
output:
  html_document:
    theme: flatly
    css: style.css
  

问题陈述：

我上传了新项目然后重新部署了站点，现在本地创建的 index.html 显示了所需的下拉结构，但是部署后，我无法使用鼠标单击打开下拉列表。你能帮我弄清楚问题是出在我的 HTML 结构上，还是出在我用于部署的工具上？ （我正在通过 Netlify 部署它）。

我在这里创建了一个虚拟示例：

https://demoamasite.netlify.app/

有问题的HTML：

img {
  height: 500px;
  width: 75%;
  display: block;
  margin: 0 auto;
}

<li class="dropdown">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
    Projects

    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu" role="menu">
    <li class="dropdown-header">Class Projects</li>
    <li>
      <a href="a.html">P1</a>
    </li>
    <li class="divider"></li>
    <li class="dropdown-header">Personal Projects</li>
    <li>
      <a href="a.html">P2</a>
    </li>
  </ul>
</li>

我还通过 HTML 检查深入研究了这个问题：

• 单击鼠标后，“下拉”类不会切换为“下拉打开”。

鼠标多次点击“项目”。什么都没发生：

我手动将 HTML 编辑为“打开下拉菜单”并打开下拉菜单：

Answer 1

我最终手动将所有内容复制到一个新项目中，之后一切正常。我想知道是什么原因造成的。自从我在 2 年的时间间隔后开始从事这个项目以来——我在我的本地机器上更新了 R markdown。尽管如此，我还是需要创建一个新项目来让事情按预期工作。