Question

我有这样的查看代码

<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");
}

但我有这样的错误

$未定义在HTMLButtonElement.functionName

我如何解决？

Answer 1

jQuery库是一个单独的JavaScript文件，您可以使用HTML标记引用它（注意标记应该在该部分内）：

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

$未在HTMLButtonElement.functionName中定义

1 个答案: