Question

我正在研究一个有多项选择题的问卷调查项目。

我的页面包含一个问题和几个选项，其中包含问题的单选按钮。

更像是

<span id="question"/>
<ul id="options"/>

在这下面我有下一个＆amp;以前的按钮。

问题的主列表及其多个选项保存在json文件中，并使用以下脚本正确加载下一个问题

  function displayQuestion(questionId) {

      $('#options').children().remove();
$("#question").html(questionnaire_json[0].questions[questionId].question);

      for (j = 0; j < questionnaire_json[0].questions[questionId].answers.length; j++) {
        $('#options:last-child').append('<li><input type="radio" name="answer1" />' + questionnaire_json[0].questions[questionId].answers[j] + '</li>');
      }
    }

这一切都运行正常，我正在寻找的是在下一个按钮按下动画（）问题和选项。我试了animate和fadeIn / fadeOut没有太多运气。请有人指导我。

感谢。

Answer 1

我无法对此进行测试，但我相信您可能需要进行li显示：无;默认情况下，然后添加一行以在添加后将其向下滑动。我不确定这是否会同步运行。您可能需要添加一个函数来添加标记，然后运行该行以在函数为val hdfsRDD = sc.textFile("hdfs://...")后显示它们

CSS：

.done()

JS：

ul#options li.hidden {
    display: none;
}

按钮上的span和li元素动画点击

1 个答案: