Articles of jquery

jquery show ocultar cada div onclick

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’); […]

Bootstrap no funciona localmente

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 […]

reemplazar un div con otro en el hover

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() { […]

Cómo evitar que jQuery afecte a todos los elementos, cuando solo quiero que cambie un elemento

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 […]

¿Cómo eliminar el foco del campo de entrada en jQuery?

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 […]

La biblioteca de Javascript externa no funciona después de alojar el sitio

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 […]

Cambiar el color de la fila basado en el valor td usando Jquery

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’); […]

La división dentro de la división se oculta cuando la división externa anima

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 […]

jQuery UI – Draggable no funciona justo después de soltar

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 […]

Jquery: obtenga el valor de la etiqueta que tiene rowpan más de uno

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 […]