2015-05-08 3 views
0

Моя цель состоит в том, чтобы сделать коробку изменчивой, которая не работает (ни в Firefox, ни в Chrome). Выполнение этого перетаскивания отлично работает. Однако в jsfiddle этот код работает даже для изменяемого размера (слегка измененного). Что здесь не так?jquery ui resizable не работает

<head> 
     <script src="http://code.jquery.com/jquery-1.6.2.min.js" type="text/javascript"></script> 
     <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.js" type="text/javascript"></script> 
     <script type="text/javascript"> 
      function init() {  
       $("#box").resizable(); 
       $("#box").draggable();  
      } 
     </script> 
    </head> 
    <body onload="init()"> 
     <div id="box" style="border:1px dashed red;width:42mm;height:30mm;">Text</div> 
    </body> 
+0

Его рабочий тон ** [здесь] (http://jsfiddle.net/Guruprasad_Rao/9qca3oht/) **. Проверьте, нет ли каких-либо ошибок в консоли, и если у вас нет какой-либо проблемы, возможно, с совместимостью с версией 'jquery' с версией' jquery-ui' –

+0

Нет, ее работа отлично работает на jsfiddle с теми же версиями jquery и ui, которые я использую в приведенном выше примере. – Ferenjito

+0

любые ошибки консоли? Или какой-нибудь другой плагин, если вы его использовали, может быть противоречивым !! –

ответ

0

Для изменения размера требуется тема, ручка - изображение, которое необходимо предоставить. Попробуйте добавить это

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
Смежные вопросы