Question

我想知道是否有人知道如何使用jquery使用wordpress在类别中的不同标签之间切换可过滤的投资组合。

这是我目前的代码，用于获取类别中的标记：

<ul>
    <?php
        query_posts('category_name=Sport');
        if (have_posts()) : while (have_posts()) : the_post();
            if( get_the_tag_list() ){
                echo $posttags = get_the_tag_list('<li class="jquery">','</li><li>','</li>');
            }
        endwhile; endif; 
        wp_reset_query(); 
    ?>
</ul>

我无法自定义li元素以显示有用的链接。

如果以前曾问过这个问题，我很抱歉。我google了，我可以通过自定义帖子类型找到jquery组合过滤，但我不能在我正在构建的网站上使用帖子类型。

任何帮助将不胜感激！

Answer 1

您无法使用当前结构化的代码来执行此操作。您需要能够为每个项目添加可过滤属性才能建立正确的关系。此外，我们需要构建它自己的文章，以便它将所有标签作为一个类。然后我们可以轻松过滤。

 query_posts('category_name=Sport');
 $posttags = get_the_tags();
 $tags_class = implode(' ', $posttags);
 if (have_posts()) : 
     if ($posttags):
         echo '<ul class="jquery">';
         foreach($posttags as $tag) {
             echo '<li data-filter="'.$tag->name .'"> '.$tag->name.' </li>';
         endforeach;
         echo '</ul>';
     endif;
     while (have_posts()) : the_post();
        //generate the article list for all articles within the sports category
        //the $tags_class variable is a whitespace delimited string of tags for this post
        echo '<article class="filterable '.$tags_class.' ">';
            //the rest of your post, such as the image etc goes in here
        echo '</article>';

     endwhile; 
 endif; 
 wp_reset_query();

现在是jQuery。

$(function () {
    $('ul.jquery > li').click(function () {
        $('.filterable').hide();
        $('.filterable').filter($(this).data('filter')).show();
    });
});

Here's a jsFiddle说明了过滤器功能。

获取类别wordpress中的标签 - 可过滤的投资组合

1 个答案: