无法在jQuery中获取可拖动div的Id(使用jQuery UI)
在jQuery中，您可以使用jQuery UI库中的draggable()方法来实现可拖动的div。要获取可拖动div的ID，您可以使用以下方法：
- 首先，确保您已经在HTML文件中包含了jQuery和jQuery UI库的链接。
<!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>- 在上面的示例中，我们创建了一个可拖动的div，并为其分配了ID "draggable"。
- 在JavaScript代码中，我们使用$("#draggable").draggable()方法将div设置为可拖动。
- 在draggable()方法中，我们定义了一个名为"start"的事件处理程序。当用户开始拖动div时，该事件处理程序将被触发。
- 在"start"事件处理程序中，我们使用$(this).attr("id")获取div的ID，并将其输出到控制台。
现在，当您在浏览器中打开此HTML文件并尝试拖动div时，您将在控制台中看到可拖动div的ID。
请注意，我们在这里没有涉及到云计算或其他云计算品牌商。这个问题似乎与云计算领域无关。如果您有其他问题，请随时提问。
相关·内容
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
