¿Cómo puedo conectar .live() a jquery ui tabs`s div

Uso las pestañas de jQuery UI(). Escribo el código así... Primero, hice pestañas usando for(){}. Y conecté .live() a las pestañasdiv. But the problem is that only first tabEl evento de clic está funcionando, el evento de clic de las otras pestañas no está funcionando. ¿Cómo puedo conectar .live() o .bind()? Ayudame por favor. Código HTML

<div class="MYTABS" id="tabs">
        <ul>
            <% for(int i=0, n=scheduleList.size();i<n;i++){%>
                <li><a href="#fragment<%=i%>"><span><%=scheduleList.get(i).getName()%></span></a></li>
            <%}%>
        </ul>

        <% for(int i=0, n=scheduleList.size();i<n;i++){%>
            <div class="TABCONTENT" id="fragment<%=i%>"><%=scheduleList.get(i).getName()%>
                <div class="OFFTIME"><span>CURRENT TIME : </span><%=scheduleList.get(i).getOffTime()%></div>
                <div class="PLUS"><img id="year_Plus" src="../img/schedule/date_plus.png"/></div>
                <div class="TIME"><img src="../img/schedule/date_middle.png"/></div>
                <div class="MINUS"><img id="year_Minus" src="../img/schedule/date_minus.png"/></div>
                <img class="AMPM" id="am" src="../img/schedule/date_am.png"  onclick="toggleAmPm(this.id);"/>
                <img class="SETBTN" src="../img/schedule/btn_set.png" onclick="saveOffTime();"/>

                <div class="TIMETEXT" id="yearText" ><%=yyYear%></div>
                <div class="TIMETEXT" id="monthText"><%=zeroMonth %></div>
                <div class="TIMETEXT" id="dayText"><%=zeroDay %></div>
                <div class="TIMETEXT" id="hourText"><%=zeroHour %></div>
                <div class="TIMETEXT" id="minuteText"><%=zeroMinute %></div>
            </div>
        <%}%>
    </div>

Código JavaScript

// make tabs
var tabOption = {
    select: function(event, ui){
          //alert("");
     }
};
var usageTabs = jQuery("#tabs").tabs(tabOption);

// click event
jQuery(".PLUS>img, .MINUS>img").on("click", function(){
    var clickedTime = this.id.split("_");

    // plus and minus
    var timeText = jQuery("#"+clickedTime[0]+"Text");
    var calcTime = "";
    if(clickedTime[1] === "Plus"){
        calcTime = parseInt(timeText.text(),10) + 1 ;
    }else{
        calcTime = parseInt(timeText.text(),10) - 1 ;
    }

    jQuery(timeText.text(calcTime));
});

preguntado el 04 de julio de 12 a las 02:07

.live está en desuso, así que use .on en su lugar. -

Había usado .on() pero hay el mismo problema. Porque soy un principiante ... Creo que mi código tiene un problema con la identificación de div. -

¿Es ese tu código JS completo? Espere a que dom esté listo antes de llamar a las pestañas o enlazar con el evento de clic. $(document).ready({ /* YOUR CODE HERE */ }); -

Edito el código de pregunta de la función de evento de clic:

Resolví este problema. Edité la identificación del div como " > <%=yyYear%> . ¡Entonces el código funciona correctamente! Gracias por su atención. -

1 Respuestas

Carga #segundo después de #principal :)

$(function() {
    $( "#main" ).tabs({
        ajaxOptions: {
            success: function( xhr, status ) {
                $("#second").tabs();
            }

        }
    });

});

Respondido el 03 de enero de 13 a las 02:01

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.