使用流沙隐藏/显示问题

时间:2015-08-19 13:30:45

标签: php jquery dom show-hide quicksand

我正在尝试快速加载多个列表。基本上我有3个div,一次只有1个节目,我使用hide / show来显示它们。我遇到的问题是当我点击显示一个新的div时,流沙功能有一些奇怪的行为。我的列表中的所有链接消失(显示:无),当点击查看另一个标签时,其他链接存在,但在我单击其中一个显示内容的标签之前,没有显示任何内容。

<ul id="filterOptions" class="filterOptions">
    <li class="active"><a href="#" class="all">All</a></li>
        <?php
            $i = 0;
            $pages = get_pages('child_of=181&sort_column=post_date&sort_order=desc&parent=181');
            foreach($pages as $page){
                $count = 0;
                $id = $page->ID;

                $count = count($children);                      
            ?>
        <li>
        <a href="#" class="<?php echo $page->ID; ?>"><?php echo $page->post_title ?> </a>|
        </li>
       <?php } ?>   
    </ul> 

这是jquery

var $filterType = $('#filterOptions li.active a').attr('class');
var $holder = $('ul.ourHolder');
var $data = $holder.clone();

$('#filterOptions li a').click(function(e) {
    $('#filterOptions li').removeClass('active');
    var $filterType = $(this).attr('class');
    $(this).parent().addClass('active');

    if ($filterType == 'all') { var $filteredData = $data.find('#filterOptions li');} else {var $filteredData = $data.find('li[data-type=' + $filterType + ']');}

    $holder.quicksand($filteredData, {duration: 800,easing: 'easeInOutQuad',adjustHeight: 'dynamic'});
    return false;
});

有没有人知道流沙是否会受到DOM变化的影响,从过去的经历来看,islider发生了同样的事情

此外,当点击所有链接以显示该特定列表的所有项目时,它将显示每个列表中的所有项目

0 个答案:

没有答案