Невозможно получить JQuery, чтобы сделать элемент перетаскиваемым

Im пытается познакомиться с JQuery и думал, что я дам сделать div, перетаскиваемый с помощью простого маленького проекта. Вот мой код:Невозможно получить JQuery, чтобы сделать элемент перетаскиваемым

<!DOCTYPE html> 
<html> 
<head> 
    <link rel="stylesheet" href="UI_Theme/css/ui-lightness/jquery-ui-1.8.18.custom.css" /> 
    <script src="UI_Theme/js/jquery-1.7.1.min.js"></script> 
    <script src="UI_Theme/js/jquery-ui-1.8.18.custom.min.js"></script> 
    <script> 
     $(document).ready(function() { 
      $("#dragme").draggable(); 
     }); 
    </script> 
    <style> 
     body 
     { 
      background-color:#4D4D4D; 
     } 
     #dragme 
     { 
      width:100px; 
      height:100px; 
      background-color:red; 
     } 
    </style> 
</head> 
<body> 
    <div id="dragme"> 
     <font color="black" size="2">Drag this!</font> 
    </div> 
</body> 
</html>

Я следил за несколькими различными учебниками JQuery по теме письма. Несмотря на все мои усилия, элемент #dragme по-прежнему не перетаскивается. Я не получаю никаких сообщений о консоли или сообщениях об ошибках любого типа.

источник

2013-08-21 user1364920

Вы должны проверить, вы ли версия JQuery используете, поддерживает или нет. –

Он отлично работает и для меня. Единственное, что я вижу, что это может сделать, это то, что ссылки на ваши скрипты и таблицы стилей выглядят в том же каталоге, что и файл. –

работает отлично в fiddler. Только разница была я JQuery 1.7.2

$(document).ready(function() { 
    $("#dragme").draggable(); 
});

источник

2013-08-21 23:07:12

Работает отлично и для моего эскиза Codepen: http://cdpn.io/ChsKz. Попытка использовать их CDN для работы с вашими сценариями jquery, а не для локального хранения и проверки того, что это что-то изменит. – kunalbhat

Я понял. Я использовал плохой файл JQuery. Загрузили новый, и теперь он отлично работает. Благодарю. – user1364920

Невозможно получить JQuery, чтобы сделать элемент перетаскиваемым

ответ

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