Trigger event when clicking on a "tab"

0

I have a series of "tabs" that are generated according to the parameters

code:

if($i==0 || $i==2 || $i==16 || $i==26  )
                    {
                        ?>

                        <div class="panel with-nav-tabs panel-primary">
                        <div class="panel-heading"><?if($i==0) {Echo"Preparo da área";
                                                    }elseif($i==2){
                                                    Echo"1° Ciclo de plantio";
                                                    }elseif($i==16){
                                                      Echo"2° Ciclo de plantio";
                                                     }else {Echo"3° Ciclo de plantio";}?></div>
                        <div class="panel-body">    
                        <div class="tl-heading">  <!--/#começolinhadotempo-->
                        <?php
                        $tst=0;
                        ?>
                        <div class="tabbable" id="<?=$tst?>">
                        <ul class="nav nav-tabs">
                        <?php $tst=$tst+1;?>

                        <?

To trigger the event I want I use the following code:

$('#0 li:eq(0)').click(function (e) {
    if($('#meses_rel').val()=="14") {
        $('.progress-bar').css('width', '8%').attr('aria-valuenow', 8);  
        $('.progress-bar').text('8%');
        $("#etapa").html('Etapa-Preparo da área');  
    } else {
        $('.progress-bar').css('width', '4%').attr('aria-valuenow', 4);
        $('.progress-bar').text('4%');
        $("#etapa").html('Etapa-Preparo da área'); 
    }

    console.log('entrou');
});

$('#1 li:eq(0)').click(function (e) {
    if($('#meses_rel').val()=="14") {
        $('.progress-bar').css('width', '50%').attr('aria-valuenow', 50);  
        $('.progress-bar').text('50%');
        $("#etapa").html('Etapa-Preparo da área');  
    } else {
        $('.progress-bar').css('width', '4%').attr('aria-valuenow', 4);
        $('.progress-bar').text('4%');
        $("#etapa").html('Etapa-Preparo da área'); 
    }

    console.log('entrou');
});

$('#0 li:eq(1)').click(function (e) {
    if($('#meses_rel').val()=="14") {
        $('.progress-bar').css('width', '16%').attr('aria-valuenow', 16);  
        $('.progress-bar').text('16%');   
        $("#etapa").html('Etapa-Preparo da área');
    } else {
        $('.progress-bar').css('width', '8%').attr('aria-valuenow', 8);
        $('.progress-bar').text('8%');
        $("#etapa").html('Etapa-Preparo da área'); 
    }
});

For the Tab with id = 0 it works normally, but for other tabs that increment 1 in the value of "tst", for example id = 1, does not work . Does anyone know what the error is?

    
asked by anonymous 26.05.2015 / 21:24

0 answers