jquery中toggle函数交替使用问题
作者:bea
html中有几个btn触发toggle函数,想要实现的功能是:点击每个toggle时将其他toggle函数的计数全部清零,试过removedata不起作用,是否有更好的办法呢 给大家一个实例来参考下吧 请参考这个:jsp页面 <li><label class="labelText">统计类型:</label><span class="sortBox"><a href="javascript:;" data-type=
html中有几个btn触发toggle函数,想要实现的功能是:点击每个toggle时将其他toggle函数的计数全部清零,试过removedata不起作用,是否有更好的办法呢
给大家一个实例来参考下吧
请参考这个:jsp页面
<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代码:
$('.sortBox').on('click', 'a', function () {
$(this).addClass('selected').siblings().removeClass('selected');
}) ;
$('.sortBox a')[0].click();
以上所述就是本文的全部内容了,希望大家能够喜欢。
有用 | 无用
给大家一个实例来参考下吧
请参考这个:jsp页面
<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代码:
$('.sortBox').on('click', 'a', function () {
$(this).addClass('selected').siblings().removeClass('selected');
}) ;
$('.sortBox a')[0].click();
以上所述就是本文的全部内容了,希望大家能够喜欢。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 使用JavaScript实现旋转的彩圈特效
- 在Node.js中使用HTTP上传文件的方法
- Js+php实现异步拖拽上传文件
- javascript框架设计之类工厂
- jQuery判断多个input file 都不能为空的例子
- javascript框架设计之浏览器的嗅探和特征侦测
- 简述AngularJS相关的一些编程思想
- javascript框架设计之种子模块
- 在JavaScript的AngularJS库中进行单元测试的方法
- javascript框架设计之框架分类及主要功能
- js的flv视频播放器插件使用方法
- 使用Raygun来自动追踪AngularJS中的异常
- 使用JavaScript的AngularJS库编写hello world的方法
- 浅谈setTimeout 与 setInterval
- 简介可以自动完成UI的AngularJS工具angular-smarty
- javascript中传统事件与现代事件
- 浅谈jquery中delegate()与live()
- jquery 中ajax执行的优先级
- jquery中ready()函数执行的时机和window的load事件比较