Tengo un número dynamic de divs que se generan a través de asp.net. Necesito mostrar cada contenido div haciendo clic en su encabezado. He intentado esto $(function () { var myHead = $(“.toggle-container”).find(“.toggle-header”); var myBody = $(myHead).parent().find(“.toggle-content”); $(myHead).click(function () { if ($(myBody).css(‘display’) === ‘none’) { $(this).children(‘i’).removeClass(‘icon-chevron-sign-down’).addClass(‘icon-chevron-sign-up’); $(this).parent().find(“.toggle-content”).slideDown(“slow”); } else if ($(myBody).css(‘display’) === ‘block’) { $(this).children(‘i’).removeClass(‘icon-chevron-sign-up’).addClass(‘icon-chevron-sign-down’); […]
Tengo un problema al intentar utilizar Bootstrap localmente. He intentado exactamente el mismo código en JsFiddle y otros editores en línea, funciona a la perfección. Sin embargo, cuando migro el código a mi instancia de IDE de Brackets, nada funciona. Apreciaría si alguien arrojara algo de luz sobre la situación. Abajo he adjuntado un pequeño […]
Quiero reemplazar un div por otro cuando esté sobre él. Específicamente, habrá un promedio en palabras, como “forcejeo” o “superando las expectativas”, y quiero reemplazarlo con el promedio numérico cuando el usuario supera el promedio en palabras. #html A+ (hover to see score) AVG = 98.35% #css .avg_num { display: none; } #jquery $(‘.switch’).hover(function() { […]
OK, tengo una lista de s con algo de contenido como así: …… …… …… …… …… …… …… Usando jQuery, el está oculto. Cuando se hace clic en uno de los s, se hace visible , y cuando se vuelve a hacer clic, se hace invisible. Todo esto funciona bien, excepto cuando se hace […]
Estoy configurando el foco en un determinado campo de entrada al cargar una página usando la siguiente línea: $(‘#myInputID’).focus(); ¿Hay alguna forma en que pueda deshacer o eliminar este enfoque al desplazarme sobre un elemento determinado ? (No es necesario restablecer el enfoque después de dejar este elemento). No pude encontrar una función que sea […]
Tengo un poco de error extraño aquí; Tengo un sitio web simple ( http://davidpuetter.azurewebsites.net/shop.html# ) que se supone que carga la biblioteca JQuery y la biblioteca EasyUI. El JQuery parece cargar muy bien, porque tengo una función para imprimir “listo” cuando se carga la página. La función prevista es que puedo arrastrar cada producto que […]
Tengo una tabla que se llena de una base de datos. Tengo 2 condiciones que necesito aplicar Aplicar rayas de cebra a la mesa (completado) Cambiar el color de la fila a valor td basado en rojo ` Received Received Received Received Received ` $(document).ready(function() { $(“tr.alt:even”).css(“background-color”, “#f0f8ff”); $(“tr.alt:odd”).css(“background-color”, “#fcfceb”); }); $(document).ready(function() { $(‘.status.val():contains(“Zero”)’).closest(‘tr.alt’).css(‘background-color’, ‘#cd0000’); […]
Tengo un div padre con altura 0 y un div infantil dentro, pero en la parte superior usando z-index. Quiero que este div hijo cuando se haga clic para expandir la altura del div padre. Realmente funciona muy bien, pero el div interior desaparece detrás de los otros divs paralelos al div principal y cuando […]
HTML: 1 2 3 jQuery: $(function() { $(“#draggable>div>img”).draggable({ start: function(){ $(this).css({display: ‘none’}); }, stop: function(){ $(this).css({display: ‘block’}); }, revert: function(dropped) { var dropped = dropped && dropped[0].id== “slot”; if(!dropped) { $(this).appendTo($(this).data(‘originalParent’)) } return !dropped; }, helper: function() { return $(this).clone().appendTo(‘body’).show(); }, containment: ‘.sel_screen_left’ }).each(function() { $(this).data(‘originalParent’, $(this).parent()) }); $(“#droppable_slots>div”).droppable({ drop: function(event, ui) { var […]
Tengo una tabla dinámica que depende de la cantidad de la columna de abc1. En este ejemplo tengo 2 filas en la columna abc1. que tiene valor es 18 y 23 http://jsfiddle.net/SdN4L/ abc abc1 abc2 abc3 2 16 a 300 b 18 c 333 31 23 d 322 Quiero hacer cuando hago clic para editar […]