切換（）不工作

-1

我試着去使用功能切換（）來改變一個類每一次點擊，但這個功能只是隱藏元素選擇切換（）不工作

$("#bills-menu").toggle(function() { 
     $("#bills-menu > .fa-sort-desc").removeClass("fa-sort-desc").addClass("fa-sort-asc"); 
}, function() { 
     $("#bills-menu > .fa-sort-asc").removeClass("fa-sort-asc").addClass("fa-sort-desc"); 
    });

來源

2017-08-30 jlgf

其中'版本JQuery'您正在使用？ –

認真嗎？ http://api.jquery.com/toggleclass/ – Stavm

僅供參考，'toggle（）'方法在'jQuery'版本'1.8'中被棄用，並在版本'1.9'中被刪除。 –

嘗試運行下面使用toggleClass() JQuery函數的代碼段。你也可以看看這個CodePen Demo。我希望它有幫助。

$(document).ready(function() { 
 
    $("span").click(function() { 
 
    $(this).toggleClass("fa-sort-asc"); 
 
    }); 
 
})

#bills-menu { 
 
    display: flex; 
 
    justify-content: center; 
 
    font-size: 5rem; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" /> 
 

 
<div id="bills-menu"> 
 
    <span class="fa fa-sort-desc" aria-hidden="true"></span> 
 
</div>

來源

2017-08-30 18:20:56

非常感謝你，我使用了最新的jQuery版本 – jlgf

至於我有關.toggle （）函數實際上是這樣做的（http://api.jquery.com/toggle/），顯示或隱藏元素。

你可能會逃脫做的東西有點不同，這取決於你是如何調用該函數...你可以嘗試使用toggleClass（）方法，而不是（http://api.jquery.com/toggleclass/）

讓我知道如果你需要任何更詳細的說明，我會提供一個代碼示例，但我想你應該首先查看該文檔並更新問題是否有幫助。

來源

2017-08-30 18:08:17

切換（）不工作

回答

相關問題