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!

相关文章
|
1月前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
22 1
|
5月前
|
JavaScript 前端开发
jQuery实现从一个页面跳转到另一个页面的指定tab选项卡
jQuery实现从一个页面跳转到另一个页面的指定tab选项卡
50 0
|
5月前
|
JavaScript
jQuery实现动态添加和删除(点击按钮添加在页面添加和删除元素)
jQuery实现动态添加和删除(点击按钮添加在页面添加和删除元素)
50 0
|
1月前
|
前端开发 JavaScript
jquery+css实现Tab栏切换的代码实例
jquery+css实现Tab栏切换的代码实例
21 0
|
8月前
|
JavaScript 前端开发
JavaScript 使用原生js和jquery两种方法,实现tab栏切换
JavaScript 使用原生js和jquery两种方法,实现tab栏切换
158 0
|
4月前
|
JavaScript
jQuery 与 Discuz!冲突的解决方案
之前提交一款插件,然后被打回来的原因是页面报错。。。这就让我慌张了,毕竟我js基础为0... 于是我百度了......
40 0
|
5月前
|
JavaScript
jquery点击删除按钮,删除当前的div
jquery点击删除按钮,删除当前的div
32 0
|
5月前
|
JavaScript 前端开发
jquery导航选中按钮颜色变化
jquery导航选中按钮颜色变化
30 0
|
5月前
|
JavaScript
jQuery点击按钮,生成input输入框
jQuery点击按钮,生成input输入框
31 0