jQuery：如何在新元素淡出后刷新DOM？

Question

我想做一个小调查。我希望用户必须回答一些问题。点击答案后，一个新问题正在消失。但这只能工作一次，因为显示的新问题：之前隐藏的不是我认为的DOM。所以我想刷新我认为的DOM？

以下是一个示例：http://jsfiddle.net/x2yu6tvw/

qstnNo = $('.question').data('id');

$('.answer').on( 'click', function(){
    $('.question[data-id="' + qstnNo + '"]').fadeOut(800, function(){
        nextQstn = qstnNo+1; 
        $('.question[data-id="' + nextQstn + '"]').delay(300).fadeIn(300);

    });
});

我能做些什么，jQuery还会听取新添加的元素？

Answer 1

这是工作demo。

<强> JS

$('.answer').on( 'click', function(){
    qstnNo = $(this).parent('div').data('id');
    $('.question[data-id="' + qstnNo + '"]').fadeOut(800, function(){
        nextQstn = qstnNo+1; 
        $('.question[data-id="' + nextQstn + '"]').delay(300).fadeIn(300);

    });
});

问题：qstnNo值在您的情况下不正确。这应该是动态的而不是固定的。