проблема с jQuery UI: Resizable

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

<!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>

Рабочая Fiddle: http://jsfiddle.net/Am2yf/1/

Любые идеи?

источник

2013-05-12 noclist

Его там, но вы не включили CSS коды JQuery-UI:

Добавить это:

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

в код после источника сценария.

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

Удачи!

EDIT

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

<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

источник

2013-05-12 21:53:22

Ницца, что сделал трюк. Спасибо. – noclist

Я рад, что смогу помочь. наслаждаться –

проблема с jQuery UI: Resizable

ответ

Смежные вопросы