• a***n 登录了本站
  • a***n 下载了资源 WP Reset PRO Wordpress Plugin
  • a***n 下载了资源 Content Views Pro Wordpress Plugin - 最佳过滤器和网格插件
  • a***n 登录了本站
  • a***n 登录了本站
  • a***n 登录了本站
  • a***n 登录了本站
  • a***n 登录了本站
  • a***n 下载了资源 The Events Calendar Pro - 活动日历专业版插件
  • a***n 登录了本站
所有分类
  • 所有分类
  • WP主题集
  • WP插件集

WordPress文章页实现所属分类高亮显示呢?当用户点击某篇文章,文章所属分类自动添加一个样式高亮显示。

第一步:获取文章所属于分类,这个可以隐藏。

<div id="fltop" style="display:none;">             
    <?php the_category(', ') ?>
</div>
第二步:给顶级分类的二级分类列表添加一个ID;
<ul id="sidebarleft">
……
</ul>

第三步:使用JS获取所属分类的A标签URL和列表所有A标签的URL,并且进行对比判断,如果包含就给A标签添加一个class类:current-cat;

<script>
                //代码来源:柒WP资源集 https://www.7wp.net/
                //获取分类A标签和列表所有的a标签(返回节点对象)
                   var myNav = document.getElementById("sidebarleft").getElementsByTagName("a");
                   var myURL = document.getElementById("fltop").getElementsByTagName("a");               
                   //循环div下面所有的链接,
                   for(var i=0;i<myNav.length;i++){
                   //获取每一个a标签的herf属性
                  var links = myNav[i].getAttribute("href");   
                    var myURL2 = myURL[0].getAttribute("href");          
                  //查看div下的链接是否包含当前窗口,如果存在,则给其添加样式
                  if(myURL2.indexOf(links) != -1){
                    myNav[i].className="current-cat";
                           }
                 }
                </script>

第四步:在CSS中添加一个current-cat样式,这样就实现了点击后高度显示效果。

常见问题
是100% 正品 - 包含所有高级功能嘛?
我们从原开发者那里购买和下载,以提供最真实和相关的版本。注意:我们与开发人员没有直接隶属关系或关联,我们感谢作者的努力和原创作品。名称、表述和商标的使用应尽可能真实、准确地识别商品。
是否安全可靠的嘛?
每个文件上传前由诺顿和迈克菲扫描,以确保安全,100% 不含病毒/恶意软件/恶意脚本等。立即运行您自己的在线安全检查(产品图像下的按钮)。
是不限制网站数量和域名数量嘛?
根据 WordPress 的 GPL 许可政策,您可以在任意数量的网站上使用
获得产品的更新版本需要多长时间?
您可以请求更新任何购买的产品。我们保证在收到您的请求后48小时内更新。
购买后能退款嘛?
所有销售均为最终销售。除虚拟产品完全无法使用的情况外,不予退款。 如虚拟产品无法使用,我们需要时间来尝试修复它。不能修复则退款。
原文链接:https://www.7wp.net/51.html,转载请注明出处。
0

评论0

没有账号?注册  忘记密码?

社交账号快速登录