Я новичок здесь и пытаюсь запустить мою первую программу jQuery. Однако код отлично работает на JsFiddle, однако, когда я пытаюсь запустить его в своем браузере, отображается div, но он не будет исчезать. Не могли бы вы помочь? Я правильно ссылаюсь на библиотеки jQuery? Я также создаю отдельные файлы для html, css и script в той же папке. Заранее спасибо.
HTML файл -
<head>
<title>Result</title>
<link rel='stylesheet' type='text/css' href='stylesheet.css'/>
<script type='text/javascript' language='Javascript' ''src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
</head>
<body>
<div></div>
</body>
Sylesheet -
div {
height: 100px;
width: 100px;
background-color: #FA6900;
border-radius: 5px;
}
и сценарий -
$(document).ready(function() {
$('div').click(function() {
$('div').fadeOut('slow');
});
});
Здесь DEMO (отлично работает)
Вы должны подключиться к библиотеке jQuery, например:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>