2015-04-07 51 views
0

我在線學習課程,我們正在研究可拖動的代碼。這是指導者使用的代碼(也許我做了錯誤的事情)使方形可拖動。它不適合我在Firefox或鉻。我的代碼有什麼問題。需要幫助編寫可拖動的jQuery代碼

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(); 

因爲div有一個id。 記得在引用一個id時使用一個點(。)時,引用一個類和一個hashtag(#)。

+1

使用'。'用於選擇類別,用於ID選擇的「#」以及用於直接元素選擇的標籤名稱(例如表格)。 CSS的工作方式完全相同。 –