如何讓我的下拉圖片按鈕在點擊後保持活動狀態

我正在嘗試做一些非常簡單的事情，但出於某種原因，我無法弄清楚這一點。如果您查看「全部」按鈕，並且將鼠標懸停在上方，則會看到「有效」，「待處理」和「已售出」。當用戶點擊其中一個選項時，讓我們說「等待」，我希望它保持在「待定」狀態，以便他知道他在看什麼。現在當你點擊這些選項時，它會自動回覆到「全部」。鏈接低於：如何讓我的下拉圖片按鈕在點擊後保持活動狀態

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(); 
     }); 
    } 
    });

來源

2013-06-26 davidz

哪裏是你寫的Click事件代碼。您將需要更換圖片src當元素點擊 –

看看這個，並告訴我，如果這適用於你http://jsbin.com/omuvaq/1# –

嘿Praveen，這工作，正是我一直在尋找！然而，我唯一注意到的是，「ALL」按鈕顯示兩次。當你點擊其他按鈕時，它會自動複製！有沒有辦法阻止它發生，以便它只顯示每個按鈕之一？ – davidz

您需要喲附上單擊事件和處理程序爲每個可用狀態，否則是不可能達到你所要求的。

像這樣：

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

未決狀態ID是未決的可點擊圖片和.pending都與狀態未決的元素。

你有什麼在這裏我說的單擊事件的一個演示：

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

來源

2013-06-26 17:32:43 user1648170

嘿，對不起，我不熟悉jQuery。我會將此代碼添加到我已有的代碼中嗎？謝謝！ – davidz

我不知道。您需要針對不同的事件觸發不同的處理程序。您已經擁有用於mouseenter和mouseover事件的處理程序。下一步是在所選過濾器上附加處理程序以進行點擊事件。 – user1648170

看演示:) – user1648170

如何讓我的下拉圖片按鈕在點擊後保持活動狀態

回答

相關問題