jquery下一个/上一个按钮不起作用

Posted 2023-02-25

【中文标题】jquery下一个/上一个按钮不起作用

【英文标题】：jquery next/prev button not working

【发布时间】：2014-04-09 13:22:28

【问题描述】：

我创建了一个 jquery 问卷，当用户单击下一个和上一个按钮时，它将导航到下一个问题Click here 我注意到我的下一个和上一个功能不在下一个问题旁边。

一旦单击下一个按钮，就意味着不转到问题，反之亦然。下面是我的代码的sn-p

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

有谁知道我该如何解决这个问题

【问题讨论】：

您的for="option4 错误，如果将其更改为for="option1" 为option4，则单击单选按钮时它会起作用。但是你不需要下一个按钮。 PS。您还应该使用.on('click', function())

您尚未发布任何与您的next 和previous 跨度的click 事件相关的代码。

【参考方案1】：

看起来你的选择器错了..

试试这个：

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();
);

【参考方案2】：

尝试使用jquery的on()点击功能

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

【讨论】：

这不会解决问题，因为问题出在标签/输入的for 属性中