首頁 > web前端 > js教程 > jQuery中關於​​toggle代替方法的詳解

jQuery中關於​​toggle代替方法的詳解

黄舟
發布: 2017-06-26 13:37:29
原創
1469 人瀏覽過

這篇文章主要介紹了jQuery toggle 代替方法的相關資料,需要的朋友可以參考下

具體內容如下所示:

$('.back_left dt').toggle(function(){
$(this).addClass("selected");
$(this).siblings('dd').slideUp();
},function(){
$(this).removeClass("selected");
$(this).siblings('dd').slideDown();
});
登入後複製

今天在做一個項目,抄了別人網站上的一程式碼,發現怎麼都無法實現,在我急得不想再搞時,想到會不會是jquery 的版本問題?接著把jquery 的版本降來1.8,功能實現了,我自己的jqurey 版本是1.11.1的,原來是版本的問題,原因找到了就好辦了,百度了一下,才發現toggle方法在1.9版本時就已經刪除了。換版本是可以解決問題,但我不想再用低版的,還是想用1.11.1的版本,就想用什麼方法取代toggle呢?

已被偵測到可以使用下面的方法來取代:

$(document).ready(function(){ 
$('.back_left dt').click(function(){
if($(this).hasClass("selected")){
$(this).toggleClass("selected");
$(this).siblings('dd').slideDown();
}else{
$(this).toggleClass("selected");
$(this).siblings('dd').slideUp();
} 
}); 
});
登入後複製
##speed#
#參數

可選。規定元素從可見到隱藏的速度(或相反)。預設為 "0"。

    可能的值:
  • 毫秒(例如1500)
  • "slow"
  • ##"normal"
  • "fast"

#在設定速度的情況下,元素從可見到隱藏的過程中,會逐漸改變其高度、寬度、外邊距內邊距

和透明度。 ###

如果設定此參數,則無法使用 switch 參數。

callback

#可選。 toggle 函數執行完後,要執行的函數。

如需學習更多關於 callback 的內容,請造訪我們的 jQuery Callback 這一章。

除非設定了 speed 參數,否則不能設定該參數。

switch

#可選。布林值。規定 toggle 是否隱藏或顯示所有被選元素。

  • True - 顯示所有元素

  • #False - 隱藏所有元素

##如果設定此參數,則無法使用speed 和callback 參數。

以上是jQuery中關於​​toggle代替方法的詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板