2013-10-09 27 views
1

我使用jquery可拖動的碰撞插件,它引發錯誤的裝載是「類型的錯誤,我是不確定的」類型的錯誤,我是不確定的

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset="utf-8" /> 
<title>jQuery UI Droppable - Default functionality</title> 
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css" /> 
<link rel="stylesheet" type="text/css" href="css/styles.css" /> 
<script type="text/javascript" src="js/jquery-1.9.1.js"></script> 
<script type= "text/javascript" src="js/jquery-ui.js"></script> 
<script type= "text/javascript" src="js/jquery-collision.min.js"></script> 
<script type= "text/javascript" src="js/jquery-ui-draggable-collision.min.js"></script> 
<script type= "text/javascript" src="js/common.js"></script> 

</head> 
<body> 
<div id="header">Sprite Generator</div> 

<div id="droppable" > 
<div id="overLay">Drop Files Here</div> 
</div> 
<div id="cssDetails"> 
<div id="cssHead">CSS Data</div> 
</div> 
<div id="errorMessage"></div> 
</body> 
</html> 

這是我使用的代碼頁。請幫助,我不知道這裏出了什麼問題。

+0

什麼行和文件? –

+0

你有我們可以檢討的jsFiddle嗎?或有關錯誤的任何信息?也許一個網頁,我們可以檢查它是否太複雜的小提琴? – Charlie74

+0

@ Charlie74如果您自己渲染此頁面,您將在控制檯中看到錯誤 – AmGates

回答

3

錯誤在於可拖動的碰撞插件文件。每次調用方法.data("draggable")時,都會返回一個未定義的值。

jQuery UI 1.9.2和1.10.3之間略有不同。在這最後的版本中,.data("draggable")已被.data("ui-draggable")所取代。

您應該:

  • 要麼使用舊版本的jQuery UI插件,

  • ,或者使用的最後一個版本,然後通過.data("ui-draggable")在jQuery的用戶界面,可拖動碰撞更換.data("draggable")。 min.js文件。

在我自己的情況下,我使用了第二種解決方案。但是您的情況可能會有所不同,因爲我不知道您現在使用的是哪個版本的jQuery UI插件。

+0

非常感謝你 – AmGates

+0

謝謝!得到它與jQuery 1.10.2和jQuery UI 1.10.3一起工作。 – Katzumi

1

的jQuery UI可拖動碰撞自述曰:

加載jQuery的UI的可拖動的碰撞和它的依賴:

<script src="jquery-1.8.3.js"></script> 
<script src="ui/jquery.ui.core.js"></script> 
<script src="ui/jquery.ui.widget.js"></script> 
<script src="ui/jquery.ui.mouse.js"></script> 
<script src="ui/jquery.ui.draggable.js"></script> 
<script src="jquery-collision-1.0.2.js"></script> 
<script src="jquery-ui-draggable-collision-1.0.2.js"></script> 

這並不能解釋爲什麼需要單獨加載模塊,但我懷疑是有衝突發生。我會嘗試包括特定的單個文件(核心,小部件,鼠標,可拖動,碰撞和ui-draggable-collision)並查看是否有效。在你的問題中沒有更多的信息,我很難嘗試一系列具體的事情,但這可能是你最好的選擇。

+0

當我包含特定的單個文件並且在發佈此問題之前做了它的工作。但是我的問題是爲什麼在包含整個ui.js文件時它不工作? – AmGates

+0

可能是因爲有衝突。我假設自述文件建議單獨執行這些操作,因爲jQuery UI中存在衝突。不過,我不確定在哪裏。 – ramblinjan

相關問題