Javascript jQuery可拖动项不可见_Javascript_Jquery_Jquery Ui

Javascript jQuery可拖动项不可见

javascript jquery jquery-ui

Javascript jQuery可拖动项不可见,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我的代码中有一个错误，但我找不到它在哪里，因为在JSFIDLE中，一切都正常工作。我在JSFIDLE中使用的代码与在本地文件中使用的代码完全相同，但当我运行页面时，它只在那里工作。 <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <link r

我的代码中有一个错误，但我找不到它在哪里，因为在JSFIDLE中，一切都正常工作。我在JSFIDLE中使用的代码与在本地文件中使用的代码完全相同，但当我运行页面时，它只在那里工作。

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
    <script type="text/javascript" src="script.js"></script>
</head>
<body> 

<div id="draggableItem"></div>

<table border="1">
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    <tr>
    <!-- snip here are some more columns like this, see jsfiddle for that-->
</table>
</body>
</html>

}))

最后，应该有一个象棋场，用户应该能够将div拖入其中（td元素）。在我的本地机器上，

draggableItem

一拖动就不可见，而且

tolerance:“指针”

似乎被完全忽略。我不知道为什么它在JSFIDLE中工作得很好，但是相同的代码没有显示任何动画，也没有掉到错误的位置，或者根本没有掉任何东西。在我的控制台输出中没有错误，在chrome、firefox或IE中也没有差异。我只有在删除所有选项后才能从Dragable中看到动画。

有人知道我做错了什么吗？
非常感谢

$(document).ready(function (){
$("#draggableItem").draggable({
    appendTo: "body",
    helper: 'clone',
    revert: 'invalid'
});

$("td").droppable({
    tollerance: "pointer",
    accept: "#draggableItem",
    drop: function(event,ui){
        $(this).append($(ui.draggable).clone());
    }
});