jquery next/prev button not working

Question

I have created a jquery questionnaire, when the user clicks on the next and prev buttons it will navigate to the next question Click here i have noticed that my next and prev function does not next to the next question.

once the next button is click it mean't to go to the question and vise versa for the previous button. Below is a snippet of my code

if (parentContainer.next('.responsible-gaming__parentContainer').length) {
                parentContainer.hide();
                parentContainer.next('.responsible-gaming__parentContainer').show();
            }

Does anyone know how i can fix this issue

Answer 1

Looks like your selector was wrong..

try this:

http://jsfiddle.net/jFIT/y725p/7/

$('.nodetest__nextBtn').click(function () {
    $('.responsible-gaming__parentContainer:visible').hide().next('.responsible-gaming__parentContainer').show();
});
    $('.nodetest__prevBtn').click(function () {
    $('.responsible-gaming__parentContainer:visible').hide().prev('.responsible-gaming__parentContainer').show();
});

Answer 2

尝试使用jQuery的on（）click函数

$( ".class" ).on( "click", function() { //do some stuff here; });