javascript - Wordpress – 指向日期过滤器元素的链接未添加到基本 url 并应用过滤器

Question

WordPress 网站的页面使用页面过滤器菜单，用户可以单击项目来过滤下面的帖子类型。我已经在每个锚标记中添加了 href 值。

<ul class="list-inline filter">
        <li class="active">
       <a href="#.*" data-filter="*">All solutions</a>
      </li>
      <li class="cat-item cat-item-1">
       <a href="#.Metallurgy" data-filter=".Metallurgy">Metallurgy</a> 
      </li>
      <li class="cat-item cat-item-2"> 
       <a href="#.Food" data-filter=".Food">Food industry</a>
      </li>
    </ul>

这是 js 代码，用于模拟基于 URL 片段的适当元素的点击。

jQuery(document).ready(function($){
    var currentFilter = window.location.hash.substr(1);

    $('.js-filter [data-filter="'+ currentFilter +'"]').trigger('click');
});

交易是当我单击锚标记时，它不会在基本 url 之后添加 href 值。例如，我想要一个 url “example.com/solutions#.Metallurgy”。单击对数据应用过滤器，但 url 保持为“example.com/solutions”。

此外，当我将 url 直接更改为“example.com/solutions#.Metallurgy”时，Wordpress 会将我重定向到“example.com/solutions/#.Metallurgy”。它把我带到没有应用过滤器的同一页面。

标签： javascriptjquerywordpress