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

Adding CSS Class Based on URL with Javascript or Jquery within Wordpress Template

本文关键字:添加 URL CSS Jquery Wordpress Javascript      更新时间:2023-09-26

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

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

我将为活动URL添加一个类,它将向相应的左侧导航标记添加一个箭头标记。我尝试过这种策略:jQuery根据页面URL添加类,当我在伪页面上使用该脚本时,它运行良好。但是当我尝试将它添加到Wordpress模板中时,什么也没发生。我尝试在模板文件的底部添加脚本,并将其嵌入php模板中(作为测试)。我猜我的失败与Wordpress问题有关(可能是因为不知道如何做到这一点),但我很感激任何指导。

谢谢。

您需要先包含.slick,然后才能使用它。(在script.js+之前,就像您包含script.js文件一样)

为什么不直接使用CSS和WordPress,跳过JavaScript?

您可以使用WordPress的body_class()函数将类动态添加到页面的<body>中。使用CSS,您可以通过CSS来确定合适的.volunteer .sidebar-member li