Javascript 可拖动&；可拖放jquery比较id_Javascript_Jquery_Html_Css_Jquery Ui

Javascript 可拖动&；可拖放jquery比较id

javascript jquery html css jquery-ui

Javascript 可拖动&；可拖放jquery比较id,javascript,jquery,html,css,jquery-ui,Javascript,Jquery,Html,Css,Jquery Ui,我正在寻找如何在Dragable和dropabble元素中比较id的选项。这是我第一次使用jquery 实际上我有（片段）：可升降元件： var letter = $("<div class=\"letter\" id=\""+divId+"\"></div>").text(splitedWord[i]); $("#divId").css({ left: positionX, top: positionY }); $("#mixedWord").append(l

我正在寻找如何在Dragable和dropabble元素中比较id的选项。这是我第一次使用jquery

实际上我有（片段）：

可升降元件：

var letter = $("<div class=\"letter\" id=\""+divId+"\"></div>").text(splitedWord[i]);

$("#divId").css({
  left: positionX, top: positionY
});

$("#mixedWord").append(letter);

HTML

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
    <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
    <script src="js/flipclock/libs/prefixfree.min.js"></script>
    <script src="js/flipclock/flipclock.min.js"></script>
    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>
    <style>
        #draggable { width: 150px; height: 150px; padding: 0.5em; }
    </style>
</head>
<body>
<div id="area">
    <div id="time">Time:</div>
    <div id="mixedWord"><!--here goes random word as simple letters in simple divs-->  </div>
    <div id="slots"></div>
    <div id="height"></div>
    <div id="width"></div>
</div>
</body>


#可拖动{宽度：150px；高度：150px；填充：0.5em；}
时间：

我的问题：

拖拉的作品。但当我把东西放在可放下的元素上时，我再也不能移动它了。不可能是这样

它不会改变，所以它意味着下降不起作用。为什么?

我没有警觉

你能为这个问题提供一个实例或你的HTML吗？此外，还有一些未定义的变量，至少在代码段的上下文中是这样。看看你的控制台。drop事件是否说明了有关

$this

？所有变量都定义正确，我只是不想显示所有代码，它很长。但我相信他们是对的。好吧，我明白了。第一个问题是$this。它是从文档中提取的，所以我认为它不会错。查看文档，它没有说

$this

，而是说

$（this）

愚蠢的错误是最容易发现的；/当我在家时，我核实它是否有效。谢谢

.letter{
    border: 2px solid;
    border-radius: 25px;
    width: 50px;
    height: 50px;
    font-size: 30px;
    text-align: center;
    position: absolute;
}

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
    <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
    <script src="js/flipclock/libs/prefixfree.min.js"></script>
    <script src="js/flipclock/flipclock.min.js"></script>
    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>
    <style>
        #draggable { width: 150px; height: 150px; padding: 0.5em; }
    </style>
</head>
<body>
<div id="area">
    <div id="time">Time:</div>
    <div id="mixedWord"><!--here goes random word as simple letters in simple divs-->  </div>
    <div id="slots"></div>
    <div id="height"></div>
    <div id="width"></div>
</div>
</body>