Я пытаюсь использовать плагин iCheck, и я новичок в JQuery и javaScript. Я получаю сообщение об ошибке в браузере, который говорит
TypeError: $ is undefined
Я посмотрел вокруг и нашел этот link, но я попытался добавить (JQuery), как это предполагает, но это не изменило сообщение об ошибке.
Симптом на веб-странице, который я вижу, заключается в том, что на веб-странице нет рабочей области или черного цвета внутри флажка, например, example для показа изображений поляри.
Любые идеи? См. «C-style comment - //» ниже, чтобы узнать точную строку, на которую указывает TypeError.
Вот выдержка из моего кода:
<html>
<head>
<title>jQuery Michele Project</title>
<link href="css/skins/polaris/polaris.css" rel="stylesheet">
<link href="css/skins/all.css" rel="stylesheet">
<link href="css/demo/css/custom.css" rel="stylesheet">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="js/icheck.js"></script>
<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
<script type="text/javascript" src="js/jquery.ui.core.js"></script>
<script type="text/javascript" src="js/jquery.ui.widget.js"></script>
<script type="text/javascript" src="js/jquery.ui.accordion.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#infolist").accordion({
autoHeight: false
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$('.input').iCheck({
checkboxClass:'icheckbox_polaris', //this is the line that the error message points to
radioClass:'iradio_polaris',
increaseArea:'-10%'
});
})(jQuery);
</script>
<style type="text/css">
ul {list-style-type: none}
img {padding-right: 20px; float:left}
#infolist {width:500px}
</style>
</head>
<body>
Вы загружаете '' Перед JQuery определена. Сначала загрузите jQuery. – Dom
Возможный дубликат [$ undefined error in jquery] (http://stackoverflow.com/questions/9313612/is-undefined-error-in-jquery) – JJJ