首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

无法在jQuery中获取可拖动div的Id(使用jQuery UI)

在jQuery中,您可以使用jQuery UI库中的draggable()方法来实现可拖动的div。要获取可拖动div的ID,您可以使用以下方法:

  1. 首先,确保您已经在HTML文件中包含了jQuery和jQuery UI库的链接。
代码语言:html
复制
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Draggable Div</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
   <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
    <div id="draggable" style="width: 100px; height: 100px; background-color: red;">Drag me</div>
   <script>
        $("#draggable").draggable({
            start: function(event, ui) {
                var draggableId = $(this).attr("id");
                console.log("Draggable ID:", draggableId);
            }
        });
    </script>
</body>
</html>
  1. 在上面的示例中,我们创建了一个可拖动的div,并为其分配了ID "draggable"。
  2. 在JavaScript代码中,我们使用$("#draggable").draggable()方法将div设置为可拖动。
  3. 在draggable()方法中,我们定义了一个名为"start"的事件处理程序。当用户开始拖动div时,该事件处理程序将被触发。
  4. 在"start"事件处理程序中,我们使用$(this).attr("id")获取div的ID,并将其输出到控制台。

现在,当您在浏览器中打开此HTML文件并尝试拖动div时,您将在控制台中看到可拖动div的ID。

请注意,我们在这里没有涉及到云计算或其他云计算品牌商。这个问题似乎与云计算领域无关。如果您有其他问题,请随时提问。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

1分4秒

光学雨量计关于降雨测量误差

16分8秒

人工智能新途-用路由器集群模仿神经元集群

领券