jQuery: TypeError 'undefined'is not a function
Question
I'm just starting out with jQuery and I'm stuck on a basic example. I'm using Safari for this example.
01.js:
$(document).ready(function() {
$('div.poem-stanza').addclass('highlight');
});
first.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Through the Looking-Glass</title>
<link rel="stylesheet" href="script/01.css">
<script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script language="javascript" src="01.js"></script>
</head>
<h1>Through the looking-Glass</h1>
<div class="author">by Lewis Caroll</div>
<div class="chapter" id="chapter-1">
<h2><class="chapter-title">1. Looking-Glass House</h2>
<p>There was a book lying near Alice on the table, and while she sat watching the White Kind (for she was still a little anxious about him, in case he fainted again), she turned over the leaves, to find some part that she could read, <span class="spoken">"—for it's all in some language I don't know,"</span> she said to herself.</p>
<p>It was like this.</p>
<div class="poem">
<h3><class="poem-title">YKCOWREBBAJ</h3>
<div class="poem-stanza">
<div>Sevot yhtils eht dna ,gillirb sawT'</div>
<div>;ebaw eht ni elbmig dna eryg diD</div>
<div>, sevogorob eht erew ysmim llA</div>
<div>.ebargtuo shtar emom eht dnA</div>
</div>
</div>
<p>She puzzled over this for some time, but at last a bright thought struck her. <span class="spoken">"Why, it's a looking-glass book, of course! And if I hold it up against a glass, the words will al go the right way again."</span></p>
<p>This as the poem that Alice read.</p>
<div class="poem">
<h3 class="poem-title">JABBERWOCKY</h3>
<div class="poem-stanza">
<div>'Twas brillig, and the slithy toves</div>
<div>Did gyre and gimble in the wabe;</div>
<div>All mimsy were the borogoves,</div>
<div>And the mome raths outgrabe.</div>
</div>
</div>
</div>
<body>
</body>
</html>
In the Safari webdevelopment kit, I get the error "jQuery: TypeError 'undefined'is not a function" returned on .addclass('highlight'), and it seems to fail to run the .js I requested.
Can somebody enlighten me on what I'm doing wrong here! Thanks for the help!
3 answers
solution1
2 ACCPTED 2013-11-08 10:57:33
addclass()应该是addClass()
solution2
1 2013-11-08 10:56:50
You need to use addClass('highlight') not addclass('highlight') , notice it's camel case and not lower case.
Furthermore, I believe that this isn't the primary reason for your error and it may be that in your script you have to replace $ with jQuery :
jQuery(document).ready(function() {
jQuery('div.poem-stanza').addClass('highlight');
});
solution3
0 2013-11-08 10:58:34
Try this
$(document).ready(function() {
$('div.poem-stanza').addClass('highlight');
});
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.