2013-10-09 1 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 1.9.2 и 1.10.3. В этой последней версии .data("draggable") был заменен на .data("ui-draggable").

Вы должны:

  • Либо использовать старую версию плагина JQuery UI,

  • или использовать последнюю версию, а затем заменить .data("draggable") на .data("ui-draggable") в JQuery-UI-перетаскиваемым столкновений. Файл min.js.

В моем случае я использовал второе решение. Но ваш случай может быть другим, так как я не знаю, какую версию jQuery UI-плагина вы используете сейчас.

+0

Огромное спасибо – AmGates

+0

Спасибо! Получил его для работы с jQuery 1.10.2 и jQuery UI 1.10.3. – Katzumi

1

Файл README для JQuery UI Draggable Столкновения читает:

нагрузки JQuery-щ-перетаскиваемые столкновения и его зависимость:

<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> 

Это не объясняют, почему вам нужно загружать модули отдельно, но мое подозрение в том, что где-то происходит конфликт. Я бы попытался включить отдельные файлы (ядро, виджет, мышь, draggable, collision и ui-draggable-collision) и посмотреть, работает ли это. Без дополнительной информации в вашем вопросе мне сложно попробовать набор конкретных вещей, но это может быть вашим лучшим выбором.

+0

Его работа, когда я включаю конкретные отдельные файлы, и я сделал это, прежде чем публиковать этот вопрос. Но мой вопрос в том, почему он не работает при включении всего файла ui.js? – AmGates

+0

Вероятно, потому что есть конфликт. Я предполагаю, что README предлагает сделать это отдельно, потому что есть конфликт где-то в jquery ui. Однако я не знаю, где. – ramblinjan