Javascript 更改Jekyll博客中按钮点击的页面样式（使用js或liquid模板）

我正在更新Jekyll博客的默认模板，并希望更改按钮单击时使用的样式。我没有使用液体模板的按钮，一切都正常工作，就像我添加了

{%-include style_b.html-%}

然后样式将更改

但我试图添加一个按钮，当点击时，它会从样式“a”来回切换到样式“b”。我添加了如下按钮：

更改页面样式

因此链接的按钮调用.js函数：

function ChangeStyle() {
  $("#result").load("../_includes/style_b.html");
  console.log("loaded")
}

---

这实际上并没有改变样式，即使是这样，我也不知道如何撤销它。有没有一种方法可以在杰基尔做到这一点？找不到任何解决方案，更不用说遵循最佳实践的解决方案了。

一旦Jekyll建立了站点，您就无法访问站点目录中的“包含”。您需要将

style_a.html

和

style_b.html

设置为独立页面，而不是包含，或者在CSS中进行这些更改，以便使用Javascript将它们作为目标