2015-04-07 3 views
0

Я беру курс онлайн, и мы изучаем draggables. Это код, который использовал преподаватель (возможно, я сделал что-то не так), чтобы сделать квадрат перетаскиваемого. Это не работает для меня в firefox или chrome. Что не так с моим кодом.Нужна помощь в кодировании jQuery для draggable

Файл jQuery находится в той же папке с моим html-файлом. Я скопировал его ссылку api в соответствии с его инструкциями, а не из библиотеки google api. Уроки старые.

Буду признателен, если кто-то проверит мой код и посмотрит, работает ли он на них.

Спасибо за помощь.

<!doctype html> 
<html> 
<head> 
<title>jQuery UI</title> 

<meta charset="utf-8" /> 
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
<meta name="viewport" content="width=device-width, initial-scale=1" /> 

<script type="text/javascript" src="jQuery.min.js"></script> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> 


<style> 

    #square { 

    width:200px; 
    height:200px; 
    background-color:grey; 

    } 

</style> 

</head> 

<body> 

<div id="square"></div> 



<script> 

    $("square").draggable(); 




</script> 



</body> 
</html> 
+0

сделать это в скрипке? –

ответ

0

Вы пропускаете хэштегом в

$("square").draggable(); 

Так написать это:

$("#square").draggable(); 

Поскольку ДИВ имеет идентификатор. Не забывайте использовать точку (.) При обращении к классу и хэштегу (#) при обращении к идентификатору.

+1

использовать '.' для выбора класса, '#' для выбора идентификатора и имени тега (например, таблицы) для прямого выбора элемента. Точно так же работает CSS. –

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