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

项目需求

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

解决方案

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>

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！