jquery - 如何让我的下拉图像按钮在单击时保持活动状态

Question

我正在尝试做一些非常简单的事情，但由于某种原因我无法弄清楚这一点。如果您查看“全部”按钮，当您将鼠标悬停在上方时，您会看到“活动”、“待定”和“已售出”。当用户单击其中一个选项时，比如说“待处理”，我希望它保持在“待处理”，这样他就知道他在看什么。现在，当您单击任何这些选项时，它会自动恢复为“全部”。链接如下：

http://fireflyliving.com/new/

  var nav = $("#catpicker");  
  //add indicators and hovers to submenu parents  
  nav.find("li").each(function() {  
  if ($(this).find("ul").length > 0) {    
      //show subnav on hover  
      $(this).mouseenter(function() {  
          $(this).find("ul").stop(true, true).slideDown();  
      });  
      //hide submenus on exit  
      $(this).mouseleave(function() {  
          $(this).find("ul").stop(true, true).slideUp();  
      });  
  }  
  });

Answer 1

您需要为每个可用状态附加点击事件和处理程序，否则无法实现您的要求。

像这样的东西：

$('#pending-state').click(function(){
    $('not:(.pending)').hide();
});

pending-state id 是待处理的可点击图像， .pending 是状态为待处理的所有元素。

你在这里有一个我所说的点击事件的演示：

http://jsfiddle.net/BpD8c/1/