2017-04-20 16 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>