Onclick功能无法运行两次以上

Question

我有一个按钮可以打开相关的手风琴标签（TAB 2），当我第一次单击该按钮时，它会打开tab2，如果我再次单击并再次单击它，它会起作用（进入TAB2），但是如果我第三次单击它时间什么也没发生：

我的按钮：

    <a onclick="changeTab2();">

我的功能：

<script>

var tabHeight = $('.tab.active').height();
function animateTabHeight() {
    tabHeight = $('.tab.active').height();
    $('.tabs-content').stop().css({
        height: '100' + '%'
    });
}


function changeTab2() {
    var getTabId = $('.tabs-header .active a').attr('tab-id');
    $('.tab').stop().fadeOut(300, function () {
        $(this).removeClass('active');
    }).hide();
    $('.tab[tab-id=' + 2 + ']').stop().fadeIn(300, function () {
        $(this).addClass('active');
        animateTabHeight();
    });
}

</script>

不知道为什么它停止工作。

Answer 1

Click事件仅在页面加载中绑定。 这就是为什么它首先起作用的原因。 每次打开选项卡时，尝试动态绑定单击功能。 将ID设置为并绑定点击事件。

    <a class="t1" id="subDiv1"></a>

    $('#subDiv1').unbind("click");
    $('#subDiv1').bind("click",function(){

       // place your code here

   });

现在在＃tab-1 click函数中调用此函数。