我使用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：

x一个一个一个一个x一个一个二个x
我还深入研究了HTML检查的这个问题：

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

在“项目”上多次单击鼠标。没有任何React：

我手动编辑HTML为“dropdown open”，这样就打开了下拉菜单：