Así que ahora estoy tratando de personalizar los pasos de Jquery agregando un puntaje para la opción de cada pregunta. Pero el problema es que no puedo encontrar dónde verificar si el siguiente botón está verificado o no y lo mismo para el botón anterior. Simplemente quiero empujar el puntaje de la respuesta en la matriz cuando se hace clic en el siguiente botón y eliminarlo de la matriz cuando se hace clic en el anterior. Pero no puedo llamar a la función siguiente y anterior.
Estos son los pasos de Jquery:
$(function() { $("#wizard").steps({ headerTag: "h4", bodyTag: "section", transitionEffect: "fade", enableAllSteps: true, transitionEffectSpeed: 500, onStepChanging: function(event, currentIndex, newIndex) { qIndex = newIndex; if (newIndex === 1) { $('.steps ul').addClass('step-2'); } else { $('.steps ul').removeClass('step-2'); }y eso es lo que yo, tratando de hacer:
$('.forward').click(function() { $("#wizard").steps('next'); total.push(currentScore); }) $('.backward').click(function() { total.pop(currentScore); $("#wizard").steps('previous'); })Entonces, hay algo llamado Eventos en Jquery-Steps. Puede usar los eventos para hacer exactamente lo que está intentando. Solo una sugerencia rápida de lo que puede hacer es usar el evento onStepChanging que acepta el evento de 3 parameters event, currentIndex, newIndex . Puede comparar currentIndex y newIndex para empujar y eliminar el puntaje de la respuesta en la matriz:
if(newIndex > currentIndex) {// push } if(newIndex < currentIndex) {// pop }Consulte el documento aquí