JQuery, div отображается, но не исчезает

0

Я новичок здесь и пытаюсь запустить мою первую программу 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');
    });
});
Теги:

1 ответ

1
Лучший ответ

Здесь DEMO (отлично работает)

Вы должны подключиться к библиотеке jQuery, например:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
  • 0
    Спасибо aldanux. Я буквально скопировал и вставил весь код. Div отображается, но он не исчезнет! Я попробовал это и на Chrome, Firefox и IE - такая же проблема. Вам нужно что-то установить?
  • 0
    Ссылка "Демо" выше у вас не работает? У вас есть другая библиотека в вашем файле?
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню