mixitup插件 - 我不能干活

时间:2013-12-03 12:17:29

标签: jquery jquery-plugins jquery-filter

该插件似乎有效,但是当我点击过滤器时,淡出正确的项目,然后再次显示所有这些项目。

这是我的代码:

echo '<div id="inner-archive">'; ?>

        <div id="portfolio-wrapper">
        <ul id="portfolio-list">
        <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> 
        <?php $tags = get_the_tags();
            foreach($tags as $tag){
                $tag = str_replace(' ', '-', $tag->name);
            }
            echo '<li class="mix ' . $tag . '" data-cat="' . $tag . '">'; ?>
            <a href="<?php the_permalink() ?>">
                <div class="archives-post-thumbnail">
                    <?php if ( has_post_thumbnail() ) {
                    the_post_thumbnail('fab-450');
                    } ?>
                </div>
            </a>
            </li>
        <?php endwhile; ?> 
        <?php endif;?>
        </ul>
        </div>


        <?php  fab_pagination();
        echo '</div></section><div id="fix-sidebar" class="recursos-sidebar">';
        $tags = get_tags();
        if ($tags) {
            echo '<ul id="portafolio-filter">';
            foreach ( $tags as $tag ) {
                $tag = str_replace(' ', '-', $tag->name);?>
                <li class="filter" data-filter="<?php echo $tag ?>"><?php echo $tag ?></li>
        <?php }
        echo '</ul>';
    }
    echo '</div></div>';

和jQuery:

jQuery(document).ready(function(){
    jQuery('#portfolio-list').mixitup(); 
});

谢谢!我希望有人可以帮助我

1 个答案:

答案 0 :(得分:1)

抱歉,我发现了错误。

我忘了把css代码。

#Grid .mix{
    opacity: 0;
    display: none;
}