jquery实现tab选项卡同一个按钮不同onClick链接的解决方案

简介: jquery实现tab选项卡同一个按钮不同onClick链接的解决方案

项目需求

  1. 1.TAB选项卡:“月统计”和“年统计”;
  2. 2.实现不同TAB选项卡时,同一个按钮实现不同的链接,弹出对应的“月统计”和“年统计”放大页面。



解决方案

  1. 1.HTML代码
<div class="allTitle">荣誉墙 <span class="laybg new6"
                                                onClick="x_admin_show('月统计','months.html',700,450)"><i class="icon2">
                    &#xe6b4;</i></span>
                    <span id="hn1" class="active">月统计</span>
                    <span id="hn2" class="unactive">年统计</span>
                </div>
  1. 2.js代码
$('#hn1').click(function () {
    $('#hn1').removeClass().addClass('active');
    $('#hn2').removeClass().addClass('unactive');
    $('.new6').attr("onclick", "x_admin_show('月统计','months.html',700,450)");
    getHonor("0");
})
$('#hn2').click(function () {
    $('#hn1').removeClass().addClass('unactive');
    $('#hn2').removeClass().addClass('active');
    $('.new6').attr("onclick", "x_admin_show('年统计','years.html',700,450)");
    getHonor("1");
})

关键代码:

 $('.new6').attr("onclick", "x_admin_show('年统计','years.html',700,450)");


Done!

相关文章
|
7月前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
63 1
|
6天前
|
JavaScript 前端开发
jQuery和CSS3滑动展开菜单按钮插件
这是一款jQuery和CSS3滑动展开菜单按钮插件。该滑动展开菜单按钮在用户点击主菜单按钮之后,子菜单以滑动的方式依次展开
40 21
|
10天前
|
JavaScript 前端开发 iOS开发
ios样式开关按钮jQuery插件
ios样式开关按钮jQuery插件
36 7
|
4月前
|
JavaScript Java
点击按钮,向下添加目录。Java script+jQuery写法
点击按钮,向下添加目录。Java script+jQuery写法
28 1
|
4月前
|
JavaScript Java
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
23 1
|
6月前
|
SQL 前端开发 JavaScript
jquery链接sql数据库
直接使用jQuery来链接SQL数据库是不安全且不可行的。jQuery是一个前端JavaScript库,主要用于操作HTML文档、处理事件、执行动画等。出于安全原因,前端代码(包括JavaScript
|
7月前
|
JavaScript 前端开发
【Web 前端】如何在点击一个按钮时使用 jQuery 隐藏一个图片?
【5月更文挑战第2天】【Web 前端】如何在点击一个按钮时使用 jQuery 隐藏一个图片?
|
7月前
|
前端开发 JavaScript
jquery+css实现Tab栏切换的代码实例
jquery+css实现Tab栏切换的代码实例
115 0
|
JavaScript
jQuery 与 Discuz!冲突的解决方案
之前提交一款插件,然后被打回来的原因是页面报错。。。这就让我慌张了,毕竟我js基础为0... 于是我百度了......
73 0
|
JavaScript
jquery点击删除按钮,删除当前的div
jquery点击删除按钮,删除当前的div
63 0