在 Wordpress 模板中使用 Javascript 或 Jquery 添加基于 URL 的 CSS 类答案

【问题标题】：Adding CSS Class Based on URL with Javascript or Jquery within Wordpress Template在 Wordpress 模板中使用 Javascript 或 Jquery 添加基于 URL 的 CSS 类
【发布时间】：2014-10-25 16:43:26
【问题描述】：

我正在尝试编写一个小脚本，它将查看页面 URL，并根据它看到的 URL，向 HTML 元素添加一个新类。更具体地说，在此页面上：

http://pamaphilly.wpengine.com/volunteer/

我将为活动 URL 添加一个类，该类将向适当的左侧导航标记添加一个箭头标记。我试过这个策略：jQuery add class based on page URL，当我在虚拟页面上使用脚本时，它工作正常。但是当我尝试将它添加到 Wordpress 模板时，什么也没有发生。我已经尝试在模板文件的底部添加脚本，并且只是（作为测试）将它嵌入到 php 模板中。我猜我的失败与 Wordpress 问题有关（可能是对如何执行此操作的知识失败），但我希望得到任何指导。

谢谢。

【问题讨论】：

你链接到的问题有正确的方法，看起来你有正确的实现。您网站上的页面包含 JavaScript 错误，这就是它无法运行的原因：“错误：TypeError：$(...).slick 不是函数”

标签： javascript jquery wordpress

【解决方案1】：

您需要先包含 .slick 才能使用它。（在 script.js 之前 + 以同样的方式包含您的 script.js 文件）

【讨论】：

【解决方案2】：

为什么不直接用 CSS 和 WordPress 做这件事，跳过 JavaScript？

您可以使用 WordPress 的 body_class() 函数将类动态添加到页面的 <body>。使用 CSS，您可以通过 CSS 定位到您的相应 .volunteer .sidebar-member li。

【讨论】：

这似乎是一种更符合常识的方法。我会调查并感谢您和其他回答的人。