2017-04-20 17 views
-3

定義我有這樣

<div class="activeQue" style="font-size:20px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);">email[i].Question1</div> 
<div class="hiddenQue" style="font-size:20px;" >email[i].Question2 </div> 
<div class="hiddenQue" style="font-size:20px;" > email[i].Question3 </div> 
<div class="hiddenQue" style="font-size:20px;" > email[i].Question4 </div> 
<div class="hiddenQue" style="font-size:20px;" > email[i].Question5 </div> 
<div class="hiddenQue" style="font-size:20px;" > email[i].Question6 </div> 
<div class="hiddenQue" style="font-size:20px;" > email[i].Question7 </div> 
<div class="hiddenQue" style="font-size:20px;" > email[i].Question8 </div> 
<div class="hiddenQue" style="font-size:20px;" > email[i].Question9 </div> 
<div class="hiddenQue" style="font-size:20px;" > email[i].Question10 </div> 
<button id="mylink" >next</button> 

和JS代碼,這樣

var myLink = document.getElementById('mylink'); 
myLink.onclick = function functionName(){ 
    var element = $(".activeQue"); 
    $(element).removeClass("activeQue").addClass("hiddenQue"); 
    $(element).next().addClass("activeQue"); 
} 

查看代碼,但我有這樣

$是錯誤未定義 at HTMLButtonElement.functionName

我該如何解決它?

+4

你有jQuery的包括在內? –

+0

是的,忘記jquery,謝謝@RenePot – Eugene

回答

2

jQuery庫是一個JavaScript文件,你用HTML標籤引用它(請注意,標籤應該是板塊內):

<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 
</head>