Side navigation
#14489 closed bug (notabug)
Opened October 26, 2013 11:22PM UTC
Closed October 28, 2013 01:14AM UTC
ReferenceError: $ is not defined
| Reported by: | shanerweb@gmail.com | Owned by: | |
|---|---|---|---|
| Priority: | undecided | Milestone: | None |
| Component: | unfiled | Version: | 1.10.2 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
Why won't my jQuery code work? This is the error from Mozilla firefox: ReferenceError: $ is not defined. The code for jQuery:
$(document).ready(function() {
$('#button').click(function() {
var toAdd = $('.checkListItem').val();
$(".list").append('<div class="removeText"><div class="Remove">Remove</div><textarea class="item">' + toAdd + '</textarea></div>');
});
});
$(document).on('click', '.Remove', function() {
$(this).parents('.removeText').remove();
});
Code for HTML:
<!DOCTYPE html>
<html>
<head>
<title>To Do</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<h2>To Do</h2>
<form name="checkListForm">
<div data-role="fieldcontain">
<textarea class="checkListItem"></textarea>
</div>
</form>
<div id="button">Add!</div>
<br/>
<div class="list"></div>
</body>
</html>
Code for CSS(Not needed really):
.Remove {
background: red;
color: orange;
width: 65px;
height: 22.5px;
text-align: center;
border-radius: 12.5px;
}
.item {
height: 75px;
width: 250px;
background: lightblue;
text-align: center;
border: 1px black solid;
margin-top: 2px;
margin-left: 2px;
margin-right: 2px;
margin-bottom: 2px;
color: green;
display: block;
}
h2 {
font-family:arial;
}
form {
display: inline-block;
}
#button{
display: inline-block;
height:20px;
width:70px;
background-color:#cc0000;
font-family:arial;
font-weight:bold;
color:#ffffff;
border-radius: 5px;
text-align:center;
margin-top:2px;
}
.list {
font-family:garamond;
color:#cc0000;
}
I thank you for any response given to me.....
And I don't know what version of jQuery I am using.
Attachments (0)
Change History (1)
Changed October 28, 2013 01:14AM UTC by comment:1
| resolution: | → notabug |
|---|---|
| status: | new → closed |
Please ask for help on a forum.