Question

我试图做一些非常简单的事情，但出于某种原因，我无法理解这一点。如果你看一下＆＃34; ALL＆＃34;按钮，当您将鼠标悬停在您上方时，会看到＆＃34;活动＆＃34;，＆＃34;待处理＆＃34;，＆＃34;已销售＆＃34;。当用户点击其中一个选项时，请说＆＃34;等待＆＃34;，我希望它保持在＆＃34;等待＆＃34;所以他知道他在看什么。现在，当您点击其中任何一个选项时，它会自动恢复为＆＃34;全部＆＃34;。链接如下：

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/

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

1 个答案: