Невозможно скрыть элемент div с помощью Jquery

Question

Невозможно скрыть элемент div с помощью Jquery

0

В моем коде я пытаюсь скрыть элемент div, который содержит изображение, но когда я запускаю код, я получаю - ReferenceError: jQuery не определен}) (jQuery); в файле jquery-ui.js (строка 314). Мой код приведен ниже

<!DOCTYPE html>
<html>
<head>
    <title>Sliding a div</title>
    <script type="text/javascript" src="plugin/ui/jquery-ui.js"></script>
    <script type="text/javascript" src="plugin/jquery-1.9.1.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#1').click(function(){
                console.log("i am inside");
                $('#element').hide('slide',{direction:'left'},1000);
            });
        });
    </script>
</head>
<body>
<div id="headder" style="width: 1300px; height: 100px">
    <h1>Slide the div</h1>
</div>
<div id="element" style="width: 600px; height: 400px; border: 2px solid red; position: relative">
    <img src="images/aa.jpg" width="600" height="400">
</div>
<div id="control" style="position: relative">
    <input type="button" id="1" value="PRESS">
</div>
</body>
</html>

Пожалуйста, дайте мне знать причину этого.

Anurag Singh 18 окт. 2013, в 19:15

Источник

Теги:

javascript

jquery

html

jquery-ui

1 ответ

Ещё вопросы

George · Accepted Answer · 2013-10-18T15-19-00.000Z

Вы должны ссылаться на jQuery перед пользовательским интерфейсом jQuery:

<script type="text/javascript" src="plugin/jquery-1.9.1.js"></script>
<script type="text/javascript" src="plugin/ui/jquery-ui.js"></script>

спасибо аног. Такого рода ошибки действительно трудно отследить. Большое спасибо