在Wordpress模板中使用Javascript或Jquery添加基于URL的CSS类
Adding CSS Class Based on URL with Javascript or Jquery within Wordpress Template
我正在尝试编写一个小脚本,该脚本将查看页面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
。
相关文章:
- 动态地改变“”的URL;添加新项目”;链接使用javascript/jquery
- 将url替换为链接,但添加了困难
- 如何从 URL 数组向文档添加图像列表
- 单击引导模式锚点时添加 URL 哈希
- Javascript,Jquery-添加url图像
- Jquery在尝试添加url参数时添加哈希符号
- 如何在javascript中添加url
- 使用 Angularjs 中的单选按钮动态添加 url 和 alt 属性
- 如何使用 css 元素从 java 添加 url 链接
- 如何通过 css 元素从 jquery 添加 url 链接
- 在提交表单时停止添加URL参数
- 如果JSON对象中没有提供,如何向ng重复添加Url
- 如何使用对话框/提要javascript在Facebook的描述字段中添加URL
- 如何在新页面上添加URL值
- 根据Iframe的ID,为Fancybox2-AJAX调用的Iframe添加URL
- 为文档中的链接添加URL参数
- 更改下拉菜单,在输入框中添加url参数
- 通过Angular Script添加URL
- 是否可以在window.history对象中添加url
- Javascript google api调用-如何添加“url丢失”如果响应中没有图片url,则返回json obj