Проблема с JQuery UI: изменяемый размер

У меня возникают проблемы с изменением размера jQuery UI для локальной работы на моем компьютере. Я могу заставить скрипку работать с точно таким же кодом, когда я просматриваю свой собственный HTML-файл, это просто обычный div без функции определения размера.

<!DOCTYPE html>
<html>
<head>
    <title>Resizable</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
    <style>
        #resizable {
            width: 150px;
            height: 150px;
            padding: 0.5em;
            border: 3px solid black;
        }
    </style>
    <script>
        $(document).ready(function() {
            $(function() {
                $( "#resizable" ).resizable();
            });
        });
    </script>
</head>
<body>
    <div id="resizable" class="ui-widget-content"></div>
</body>
</html>

Рабочая скрипка: http://jsfiddle.net/Am2yf/1/

Есть идеи?

Источник

1 ответ

Решение

Это там, но вы не включили CSS-коды Jquery-UI:

Добавь это:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />

в ваш код после исходного кода скрипта.

Теперь это должно работать.

Повеселись!

РЕДАКТИРОВАТЬ

Кстати, вы можете обновить свою версию Jquery-UI - это последняя версия:

<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
Источник
Другие вопросы по тегам