Onclick関数が2回以上働いていません

Question

私は関連するアコーディオンタブ（TAB 2）を開くボタンを持っています。最初にボタンをクリックするとtab2が開き、戻って2回クリックするとTAB2に）が、私はそれを第3の時間は何もクリックしない場合はどうなる：

マイボタン：

<a onclick="changeTab2();"> 

My機能：

<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

クリックイベントは、ページの読み込み時にのみバインドされます。それが最初に働いている理由です。タブを開くたびにクリック機能を動的にバインドしてください。 idをaに設定し、クリックイベントをバインドします。

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

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

     // place your code here 

    }); 

これを＃tab-1クリック機能の中で呼び出します。