Estoy creando un sitio de Quiz y tengo un problema confuso. Debido a que la explicación se mostrará solo después de seleccionar una respuesta, ese es el elemento "oculto", envolví ese elemento en DIV visible.
El código que estoy usando simplemente, después de que el usuario haga clic en la respuesta, se desplaza automáticamente al DIV visible dentro de la explicación incluida.
Mi código de desplazamiento automático es:
var elem = $('.scroll'); if(elem) { $(window).scrollTop(elem.offset().top).scrollLeft(elem.offset().left); }PROBLEMA: Después de que el usuario haga clic en el botón Continuar , en la siguiente pregunta, después de seleccionar la respuesta, no sucede nada . Nota: no hay actualización de página después del botón de continuar, todo el cuestionario está dentro del mismo contenedor, como un control deslizante.
Ejemplo de prueba en vivo: Enlace para prueba
No sé dónde enlazará su código, pero en el sitio de ejemplo, cada botón de continuar tiene que enlazar su código con su propio elemento '.scroll' .
si solo $('.scroll') , el selector jquery encontrará todo el elemento de la clase .scroll (encontrado 40 en el sitio de ejemplo) y la función offset() se ejecutará con el primero de todos los elementos .scroll (no es un índice válido de ellos )
así por ejemplo,
el botón de continuar en la segunda prueba (Benjamin Franklin) debe vincularse con el segundo elemento $('.scroll').eq(1) . no un $('.scroll') .
var elem = $('.scroll').eq(0); if(elem) { $(window).scrollTop(elem.offset().top).scrollLeft(elem.offset().left); } No puedo ver la fuente completa en esa página. pero tal vez pueda vincular el evento una vez y simplemente asignar el índice a eq() .
Rastreé el evento y encontré su código en 'quiz-trivia.js'.
cambió una cosa.
(más o menos escriba que rastreé y respondo)
'.wpvqgr-answer' , se ejecutará la función wpvqgr.selectAnswer() .selectAnswer() , necesita encontrar el elemento '.scroll' en la misma área (por ejemplo: en la primera página Albert Einstein , primer elemento de 40 '.scroll' . entonces // The function is given a parameter called question_id which indicating the question index. // we can find the same area .scroll with this index // not $('.scroll'). var elem = $('.scroll').eq(question_id);'.scroll' de la misma área. y atrás, su código funcionará correctamente