首頁猿問代碼如下，關于toggle方法觸發...

代碼如下，關于toggle方法觸發問題，麻煩了解的幫忙看看~

JavaScript JQuery

LEATH 2022-01-06 11:07:24

$(".anniu").toggle(function () {$(".hezuo .anniu").css({background:'url(imgs/jian.png)'});$(".hezuo .anniu1").css({background:'url(imgs/jia.png)'});},function () {$(".hezuo .anniu").css({background:'url(imgs/jia.png)'});}});$(".anniu1").toggle(function () {$(".hezuo .anniu1").css({background:'url(imgs/jian.png)'});$(".hezuo .anniu").css({background:'url(imgs/jia.png)'});},function () {$(".hezuo .anniu1").css({background:'url(imgs/jia.png)'});}});代碼是上述：現在的問題是：點擊.anniu 觸發.anniu的CSS 為 jian.png ; 然后我再點擊 .anniu1 觸發.anniu1的CSS為 jian.png , 觸發.anniu的CSS 為 jia.png ; 那么我再點擊.anniu 的時候，有什么辦法觸發.anniu的fn1函數。現在是情況是我要點2次才能切換 jian.png ;

查看完整描述

2 回答

臨摹微笑

TA貢獻1982條經驗獲得超2個贊

1、定義和用法

toggle() 方法用于綁定兩個或多個事件處理器函數，以響應被選元素的輪流的 click 事件。

該方法也可用于切換被選元素的 hide() 與 show() 方法。

2、向 Toggle 事件綁定兩個或更多函數

當指定元素被點擊時，在兩個或多個函數之間輪流切換。

如果規定了兩個以上的函數，則 toggle() 方法將切換所有函數。例如，如果存在三個函數，則第一次點擊將調用第一個函數，第二次點擊調用第二個函數，第三次點擊調用第三個函數。第四次點擊再次調用第一個函數，以此類推

語法： $(selector).toggle(function1(),function2(),functionN(),...) function1：必需。規定當元素在每偶數次被點擊時要運行的函數 function2：必需。規定當元素在每奇數次被點擊時要運行的函數 functionN：可選。規定需要切換的其他函數

3、切換 Hide() 和 Show()

檢查每個元素是否可見。

如果元素已隱藏，則運行 show()。如果元素可見，則元素 hide()。這樣就可以創造切換效果。

語法： $(selector).toggle(speed,callback) speed：可選。規定 hide/show 效果的速度。默認是 "0"。 可能的值：毫秒（比如 1500）、"slow"、"normal"、"fast" callback：可選。當 toggle() 方法完成時執行的函數

4、顯示或隱藏元素

規定是否只顯示或只隱藏所有匹配的元素

語法： $(selector).toggle(switch) switch：必需。布爾值，規定 toggle() 是否應只顯示或只隱藏所有被選元素。 true - 顯示元素 false - 隱藏元素

反對回復 2022-01-10

動漫人物

TA貢獻1815條經驗獲得超10個贊

你的 {} 沒有配對吧 $(".anniu").toggle( function () { $(".anniu").css({background:'#f00'}); $(".anniu1").css({background:'#000'}); }, function (){ $(".anniu").css({background:'#000'}); } ); $(".anniu1").toggle( function () { $(".anniu1").css({background:'#f00'}); $(".anniu").css({background:'#000'}); }, function () { $(".anniu1").css({background:'#000'}); } );

反對回復 2022-01-10

2 回答
0 關注
288 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

代碼如下，關于toggle方法觸發問題，麻煩了解的幫忙看看~

代碼如下，關于toggle方法觸發問題，麻煩了解的幫忙看看~

2 回答

添加回答

代碼如下，關于toggle方法觸發問題，麻煩了解的幫忙看看~

代碼如下，關于toggle方法觸發問題，麻煩了解的幫忙看看~