Bootstrap Dropdown切換圖標問題

Question

我正在使用Twitter Bootstraps WordPress上的「下拉菜單」是我創建的一些小工具，它工作正常。但是我想在圖標變爲「減號」時將圖標更改爲「減號」，而當點擊另一個「加號」圖標時，「減號」應該關閉。目前它只會切換當前的「加號」。

<div class="dropdown toggle-details"> 
    <img src=""> 
    <h3>title</h3> 
    <h4><subtitle</h4> 
    <a class="dropdown-toggle my-btn" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><i class="fa fa-plus-circle"></i></a> 
     <ul class="dropdown-menu" > 
     <li> <h6>item 1</h6></li> 
     <li><h6>item 2</h6></li> 
    </ul> 
</div> 

我的劇本是

jQuery('a').click(function() { 
jQuery(this).find('i').toggleClass('fa-minus-circle'); 
jQuery(this).find('fa-minus-circle').toggleClass('fa-plus-circle')}); 

Answer 1

你錯過了在jQuery的一個點，所以現在的jQuery是「一個」內尋找與標籤名稱FA-負圈的HTML元素元件。顯然沒有找到它。

jQuery(this).find('.fa-minus-circle').toggleClass('fa-plus-circle')... 

實際上，可能不會修復，要麼，因爲這句話後，你會與我元素兩個類告終。我想你可以用css解決這個問題，但更簡潔的方法是將「我」元素默認爲+圖標，然後切換更多的語義類名稱，如「打開」。

所以CSS：

i { /* show plus icon */ } 
i.open { /* show minus icon */ } 

和jQuery：

jQuery("a").on("click", function() { 
    jQuery(this).find("i").toggleClass("open"); 
}); 

嘿 - 現在，我剛纔輸入所有的東西我看你與第二條語句在做什麼。所以是的，你只需要一個點，所以jquery尋找類名而不是元素。