jQuery的隐藏（）不工作

我想我失去了一些东西简单而明显的在这里 - 我工作的一个网站，我需要过滤组合类别，也显示出对链接点击的类别描述，但不适用于“全部”列表项。jQuery的隐藏（）不工作

页面加载正常，然后我可以点击并筛选类别/描述，但是如果您点击返回到“全部”，即使应该隐藏最后点击的类别描述仍然存在。

这里是dev的网站（WordPress的） - http://foothilltile.com/dev/products/

下面是相关代码：

<ul class="filter-nav"> 
    <li> 
    <h4><?php _e("Filter:", "elemis"); ?></h4> 
    </li> 
    <li class="selected-1 all"><a href="#" data-value="all"> 
    <h4><?php _e("All", "elemis"); ?></h4> 
    </a></li> 
    <?php 
     $categories= get_categories('taxonomy=kind&orderby=id'); 
     foreach ($categories as $cat) { 
     $input = '<li><a href="#" data-value="'.$cat->category_nicename.'" class="'.$cat->category_nicename.'"><h4>'; 
     $input .= $cat->cat_name; 
     $input .= '</h4></a></li>'; 
     echo $input; 
     } 
    ?> 
</ul> 
<div class="clear"></div> 
<!-- End Portfolio Navigation --> 

<div id="category-descriptions"> 

    <ul class="descriptions-list"> 
     <li class="all"></li> 
     <?php 
      $categories= get_categories('taxonomy=kind&orderby=id'); 
      foreach ($categories as $cat) { 
      $input = '<li class="cat-desc '.$cat->category_nicename.'">'; 
      $input .= $cat->description; 
      $input .= '</li>'; 
      echo $input; 
      } 
     ?> 

    </ul> 
</div> <!--/category-descriptions -->`

然后是JS：

jQuery(document).ready(function($) { 
    $('.filter-nav li a').click(function() { 
    // fetch the class of the clicked item 
    var ourClass = $(this).attr('class'); 

    if (ourClass == 'all') { 
     // this should hide the li's on load - but doesn't? 
     $('.descriptions-list').children('li.cat-desc').hide(); 
    } 
    else { 

     // hide all elements that don't share ourClass 
     $('.descriptions-list').children('li:not(.' + ourClass + ')').hide(); 
     // show all elements that do share ourClass 
     $('.descriptions-list').children('li.' + ourClass).show(); 
    } 
    return false; 
    }); 
});

而唯一相关的CSS是li.cat-desc设置为显示：无。

任何建议，将不胜感激。我一直在混淆jQuery代码的顺序（当然，noob），所以提前感谢您的帮助。

来源

2013-07-16 Max

锚为“全部”无级“所有” ......这就是问题。该类被设置为锂元素... 的类添加到一个元素，它应该是工作

来源

2013-07-16 06:14:43 s4ty

非常感谢s4ty - 这正是我看到 - 我的眼睛只是不停地失踪了。 – Max

click事件被分配到锚标记a所以$(this).attr('class');将把锚标记类属性。所以不是这个你应该相当试试这个

var ourClass =$(this).parent("li").attr('class');

或者可能只是

var ourClass =$(this).parent().attr('class');

来源

2013-07-16 06:40:21

喜Dharmesh - 感谢你回答 - 这实际上并没有解决我的问题（因为我想要得到的类锚），但它帮我看看代码新鲜，看到的问题是，“所有”列表项没有“全部”类。我已经把它整理好了。再次感谢！ – Max

jQuery的隐藏（）不工作

回答

相关问题