找不到爲什麼按鈕沒有顯示

-2

我有一個按鈕來提交答案，繼續下一個問題在我的測驗應用程序。但是，當我嘗試把它放在我的測驗在按鈕消失的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">  
 
\t <button id="next" type="submit">Submit Answer</button> 
 
\t <div id="score"><span id="correct">0</span>/<span id="totalQuestions">20</span></div> 
 
</div> 
 
</div>

來源

2015-10-03 David Trinh

您是否包含了所有相關的代碼？ – www139

你的按鈕在那裏（??）。 – nelek

您的按鈕和div具有相同的ID。這是不允許的HTML。不知道這是你的問題，但這是一個問題。 – Lenny

我能弄明白。我使用的邏輯在我的應用程序中爲我的問題創建了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>

來源

2015-10-03 22:37:23

找不到爲什麼按鈕沒有顯示

回答

相關問題