jQuery toggle 代替方法
具體內(nèi)容如下所示：
$('.back_left dt').toggle(function(){
$(this).addClass("selected");
$(this).siblings('dd').slideUp();
},function(){
$(this).removeClass("selected");
$(this).siblings('dd').slideDown();
});
今天在做一個(gè)項(xiàng)目，抄了別人網(wǎng)站上的一代碼，發(fā)現(xiàn)怎么都無(wú)法實(shí)現(xiàn)，在我急得不想再搞時(shí)，想到會(huì)不會(huì)是jquery 的版本問(wèn)題？隨后把jquery 的版本降來(lái)1.8，功能實(shí)現(xiàn)了，我自己的jqurey 版本是1.11.1的，原來(lái)是版本的問(wèn)題，原因找到了就好辦了，百度了一下，才發(fā)現(xiàn)toggle方法在1.9版本時(shí)就已經(jīng)刪除了。換版本是可以解決問(wèn)題，但我不想再使用低版本的，還是想使用1.11.1的版本，就想用什么方法代替toggle呢？
經(jīng)過(guò)檢測(cè)可以使用下面的方法來(lái)代替：
$(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();
}
});
});
| 參數(shù) | 描述 |
|---|---|
| speed |
可選。規(guī)定元素從可見(jiàn)到隱藏的速度（或者相反）。默認(rèn)為 "0"。 可能的值：
在設(shè)置速度的情況下，元素從可見(jiàn)到隱藏的過(guò)程中，會(huì)逐漸地改變其高度、寬度、外邊距、內(nèi)邊距和透明度。 如果設(shè)置此參數(shù)，則無(wú)法使用 switch 參數(shù)。 |
| callback |
可選。toggle 函數(shù)執(zhí)行完之后，要執(zhí)行的函數(shù)。 如需學(xué)習(xí)更多有關(guān) callback 的內(nèi)容，請(qǐng)?jiān)L問(wèn)我們的 jQuery Callback 這一章。 除非設(shè)置了 speed 參數(shù)，否則不能設(shè)置該參數(shù)。 |
| switch |
可選。布爾值。規(guī)定 toggle 是否隱藏或顯示所有被選元素。
如果設(shè)置此參數(shù)，則無(wú)法使用 speed 和 callback 參數(shù)。 |
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了基于jQuery拖拽事件的封裝，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
jQuery EasyUI API 中文文檔 - Spinner微調(diào)器使用
jQuery EasyUI API 中文文檔 - Spinner微調(diào)器使用，需要的朋友可以參考下。2011-10-10
jQuery實(shí)現(xiàn)可以計(jì)算進(jìn)制轉(zhuǎn)換的計(jì)算器
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)可以計(jì)算進(jìn)制轉(zhuǎn)換的計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
jquery實(shí)現(xiàn)智能感知連接外網(wǎng)搜索
注意引用的插件及順序;搜索獲取選擇的值,智能感知連接外網(wǎng)搜索，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈，希望對(duì)你大家有所幫助2013-05-05
基于cookie實(shí)現(xiàn)zTree樹(shù)刷新后展開(kāi)狀態(tài)不變
這篇文章主要為大家詳細(xì)介紹了如何基于cookie實(shí)現(xiàn)zTree樹(shù)刷新后，展開(kāi)狀態(tài)不變，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
jQuery實(shí)現(xiàn)簡(jiǎn)單的下拉菜單導(dǎo)航功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單的下拉菜單導(dǎo)航功能,涉及jQuery針對(duì)頁(yè)面元素的遍歷與節(jié)點(diǎn)修改相關(guān)操作技巧,需要的朋友可以參考下2017-12-12
jQuery插件jFade實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)的圖片高亮其它變暗
本文給大家介紹的是一款重點(diǎn)突出的jQuery特效插件效果，使用jFade實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)的圖片高亮其它變暗，非常實(shí)用，推薦給小伙伴們參考下。2015-03-03
jquery 自定義容器下雨效果可將下雨圖標(biāo)改為其他
這篇文章主要介紹了jquery 自定義容器下雨效果可將下雨圖標(biāo)改為其他,需要的朋友可以參考下2014-04-04
jQuery實(shí)現(xiàn)驗(yàn)證年齡簡(jiǎn)單思路
本文給大家分享的是jQuery實(shí)現(xiàn)驗(yàn)證年齡簡(jiǎn)單思路，讓用戶填出生年月，然后根據(jù)當(dāng)前時(shí)間計(jì)算是否小于網(wǎng)站要求的年齡，小于就提示，有需要的小伙伴可以拿去直接使用。2016-02-02
jQuery 判斷元素是否存在然后按需加載內(nèi)容的實(shí)現(xiàn)代碼
這篇文章主要介紹了jQuery 判斷元素是否存在然后按需加載內(nèi)容的實(shí)現(xiàn)代碼,需要的朋友可以參考下2020-01-01