Question

我有一个按钮来提交答案，继续我的测验应用程序上的下一个问题。然而，当我试图把它放在我的测验在按钮消失的div中。我究竟做错了什么？任何帮助表示赞赏。

这是我的代码：

var quizApp = Quiz(questions, $('#quiz-area'));
  
quizApp.questionDisplay(); // currentQuestion = 0, valid question
  
$('#next').on('click', quizApp.nextQuestion);
$('#totalQuestions').text(questions.length);
  
// TODO: Add event listener for reset
$('#reset').on('click', quizApp.reset);

#quiz-area{
margin: 150px 160px;
padding: 100px 40px 40px 40px;
width: 500px;
height: 400px;
background-image: url("http://hardwoodhustle.com/wp-content/uploads/2014/03/HWH-BG1.jpg");  
background-repeat: no-repeat;
-webkit-background-size: cover;
-mox-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

div #quiz-area{
border: red 1px solid;
}

#quiz-area ul {
border: 1px solid red;
}

#quiz-area li,
#quiz-area ul {
list-style-type: none;
padding-left: 0;
}

<div id="quiz-area">
<div id="next">    
	<button id="next" type="submit">Submit Answer</button>
	<div id="score"><span id="correct">0</span>/<span id="totalQuestions">20</span></div>
</div>
</div>

Answer 1

我能够弄清楚。我使用的逻辑在我的应用程序中为我的问题创建了HTML，它消灭了我的按钮。以下是我修复它的方法：

<div id="quiz-container">    
    <div id="quiz-area"></div>
    <div id="score">
        <span><button id="next" type="submit">Submit Answer</button></span>
        <span id="score-board"><span id="correct">0</span>/<span id="totalQuestions">20</span></span>
    </div>
</div>

无法弄清楚为什么按钮没有显示

1 个答案: