萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> jquery中toggle函數交替使用問題

jquery中toggle函數交替使用問題

   jQuery 的toggle()函數使用show()或hide()函數來切換HTML元素的可見狀態。今天我們來探討下jquery中toggle函數交替使用問題

  html中有幾個btn觸發toggle函數,想要實現的功能是:點擊每個toggle時將其他toggle函數的計數全部清零,試過removedata不起作用,是否有更好的辦法呢

  給大家一個實例來參考下吧

  請參考這個:jsp頁面

  ?

1 2 3 4 5 6 7 8 <li> <label class="labelText">統計類型:</label> <span class="sortBox"> <a href="javascript:;" data-type="subject">按學科統計</a> <a href="javascript:;" data-type="classlevel">按年級統計</a> <a href="javascript:;" data-type="lower">按下級統計</a> </span> </li>

  js代碼:

  ?

1 2 3 4 $('.sortBox').on('click', 'a', function () { $(this).addClass('selected').siblings().removeClass('selected'); }) ; $('.sortBox a')[0].click();

  以上所述就是本文的全部內容了,希望大家能夠喜歡。

copyright © 萬盛學電腦網 all rights reserved