Question

我正在尝试进行一个小测验但无法获取提交按钮以使.activequestion类淡出并切换到下一个问题。我想知道我的.next（）是不是在这种情况下工作？我的印象是，只要元素是兄弟姐妹，就可以使用这个运算符。这是jQuery代码：

var main = function() {
    $('#submit').click(function () {
        var currentquestion = $('.activequestion')
        var nextquestion = currentquestion.next();
        currentquestion.fadeOut(1000).removeClass('activequestion')

        if (currentquestion.id == 'question5') {
            $('#scorepage').addClass('activequestion');
        }

        nextquestion.fadeIn(1000).addClass('activequestion');

    })


    $('#restart').click(function () {
        var currentquestion = $('.activequestion');
        currentquestion.fadeOut(1000).removeClass('activequestion');
        $('#question1').addClass('activequestion');

    })

}

$document.ready(main)

重启按钮也不能正常工作。

感谢您的帮助！这是fiddle。

Answer 1

主要问题是$document.ready(main)应该是$(document).ready(main)。

此外，在jsfiddle上，您需要删除指向外部css和js文件的链接，并确保实际加载了jQuery。

以下是你的工作小提琴：http://jsfiddle.net/6u02a54q/1/

如何使.click动画在jQuery中工作？

1 个答案: