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并绑定click事件。

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

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

       // place your code here

   });

现在在＃tab-1点击功能中调用它。

Onclick功能不会超过两次

1 个答案: