DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> jquery中toggle函數交替使用問題
jquery中toggle函數交替使用問題
編輯:JavaScript綜合知識     

   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();

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved