Pregunta sobre Developing with WordPress de Wordpress:

Marque todas las casillas de verificaci贸n que no funcionan

Un usuario pregunt贸 馃憞

Hola, uso el siguiente c贸digo js para marcar o desmarcar las entradas de la casilla de verificaci贸n cuando los usuarios hacen clic en la casilla de verificaci贸n CheckAll en mi nuevo plugin, pero no funciona:


jQuery(document).ready( function() {
jQuery('#element_check_all').on("click",function(e) {
    jQuery('.element_check').prop('checked', this.checked);
});
jQuery('.element_check:not(:first)').on("click",function(e) {
jQuery('#element_check_all').prop('checked', false);
});

});

El ID de casilla de verificaci贸n CheckAll es #element_check_all y cada casilla de verificaci贸n tiene una clase .element_check. Es un c贸digo simple pero no s茅 cu谩l es el problema.

(@prashantvatsh)

Hace 7 meses, 1 semana

He probado el c贸digo y me est谩 funcionando. Prob茅 el mismo HTML que explicaste. Todas las casillas de verificaci贸n tienen la misma clase (element_check) (incluido ‘verificar todo’) y la casilla de verificaci贸n ‘verificar todo’ tiene una ID #element_check_all

Compruebe si hay alg煤n error en la consola con las herramientas dev chrome https://developers.google.com/web/tools/chrome-devtools

Lanzador de hilos

(@mostafadeveloper)

Hace 7 meses, 1 semana

@prashantvatsh Gracias por tu respuesta. Lo prob茅 en diferentes navegadores y verifiqu茅 una consola web. No hay error ni advertencia. 隆驴No s茅 c贸mo puedo solucionar este problema ?!

(@prashantvatsh)

Hace 7 meses, 1 semana

Desinfect茅moslo. Inmediatamente despu茅s de que la funci贸n est茅 lista, sugiera algo. Por ejemplo alert (‘Hola’);

Si esto funciona, corte ese c贸digo de alerta y p茅guelo dentro de la funci贸n de clic (marque todo).

Adem谩s, confirme si su archivo JS est谩 correctamente en cola y si puede ver el script en la fuente html (ver fuente).

驴Hay almacenamiento en cach茅? Si es as铆, borre el cach茅.

Esta respuesta fue modificada hace 7 meses, hace una semana por. Esta respuesta fue modificada hace 7 meses, hace una semana por. Raz贸n: Iniciar hilo Informaci贸n adicional

(@mostafadeveloper)

Hace 7 meses, 1 semana

@prashantvatsh Hice todas tus sugerencias. Se solicita correctamente un evento de clic para una casilla de verificaci贸n y veo un mensaje de 芦hola禄 por clic. 隆Los conflictos JS son muy extra帽os!

Lanzador de hilos

(@mostafadeveloper)

Hace 7 meses, 1 semana

@prashantvatsh Consider茅 las casillas de verificaci贸n de correo de WordPress en el panel de administraci贸n. Se hace clic en la casilla de verificaci贸n en la p谩gina load-scripts.php. Creo que hay algo en esta p谩gina que genera un conflicto.

驴Solucion贸 tu problema??

0 / 0

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada.