在Jquery中创建新的Div Draggable
，可以通过以下步骤实现：
- 首先，确保你已经引入了Jquery库文件，可以通过以下方式引入：<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
- 创建一个新的div元素，并设置其为可拖动（draggable）：var newDiv = $("<div></div>"); // 创建一个新的div元素 newDiv.draggable(); // 设置div元素为可拖动
- 可以通过链式调用来设置div的其他属性，例如设置宽度、高度、背景颜色等：newDiv.width(200); // 设置div的宽度为200px newDiv.height(200); // 设置div的高度为200px newDiv.css("background-color", "red"); // 设置div的背景颜色为红色
- 最后，将新创建的div元素添加到页面中的某个容器中：$("#container").append(newDiv); // 将新的div添加到id为container的容器中
这样就完成了在Jquery中创建新的可拖动的div元素。可以根据实际需求进行进一步的样式和功能定制。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）
相关·内容
2回答
下面是我使用的jQuery代码：jQuery(".component").draggable({ jQuery(this).append(jQuery(ui.draggable).c
浏览 3提问于2014-03-23得票数 0
回答已采纳
2回答
可拖动和可调整大小的div
、、、、
我正在尝试创建div，它是可拖动的以及可调整大小的。现在，如果我在设计时硬编码一个div，它就能工作。但是，如果我在运行时添加div，draggable就不能工作。<div id="source"><div id="container">
<div class=&qu
浏览 0提问于2016-11-13得票数 2
我在网上找到了本教程，以帮助我理解Jquery的拖放特性，并从下面的链接.中映射小游戏
在第37行，为什么在$('<div>' + numbers[i] + '</div>')还不存在的情况下选择它，就我而言，在文档中已经存在时，您可以在Jquery中选择它们。即使在48线..。ui是<em
浏览 0提问于2013-07-25得票数 0
回答已采纳
.draggable({ blah blah details });
所以我删除了摧毁线，这是甜蜜的。除了..
浏览 4提问于2013-01-09得票数 4
回答已采纳
4回答
我试图让jquery添加新的div，然后使其可拖动，但我已经尝试并在google上查找，但我什么也找不到。下面是我的代码 containment: 'parent', } });
浏览 2提问于2010-08-22得票数 7
回答已采纳
2回答
假设我有复选框(a，b，c)，如果选中一个复选框(例如b)，然后将其副本附加到"x“类，问题是”如何删除初始复选框上创建的(b)副本？“到目前为止，我正在删除所有创建的元素，因为我不知道其他解决方案。 $(".new").remove();});
<script src="https://ajax.googleapis.com/ajax/libs/
浏览 0提问于2018-09-08得票数 1
回答已采纳
1回答
这是我第一次使用jQuery (我对Java很熟悉)，我已经在线阅读了一些教程来理解draggables/droppables和events等。任何帮助或指导都将不胜感激。
谢谢!
浏览 0提问于2012-08-02得票数 0
回答已采纳
1回答
我正在使用jquery可拖放库。在单击按钮上，我可以创建文本并将其添加到新的div中。但是我遇到了两个问题:创建的新div不被控制在父div中。换句话说，如何将可拖动的div保存在父div container中？其次，我设置了一个z-index，以便能够将一个div<
浏览 2提问于2014-09-01得票数 1
3回答
下面是示例代码： Text..</div>
如果在#editable-editor内按enter，在Some Text之后，它将为这里的文本创建一个<div>Here.
浏览 4提问于2015-11-09得票数 0
回答已采纳
我在我的Rails应用程序中使用了Jquery Boxy。我用过 var box = new Boxy(jQuery('#rate_'+id),{ draggable<div><%= link_to "Rate","#",:onclick=>&q
浏览 0提问于2011-11-23得票数 1
3回答
动态创建可拖动对象
、、、
如何动态创建jquery UI中的可拖动对象并响应事件？既然事件可以是多个的，那么如何为每个新创建的draggable分配一个不同的ID用于即将到来的使用呢？
浏览 0提问于2012-01-30得票数 1
回答已采纳
这是我的代码摘自 <link rel="stylesheet" href="..='<div class="draggable ui-widget-content ui-draggable"><p>Drag me around<
浏览 2提问于2011-10-05得票数 9
回答已采纳
2回答
我正在使用div元素和jquery。我能够创建一个新的div和附加文本通过一个按钮单击事件。创建的每个div都具有可拖的属性，这要归功于jqueryui插件。另外，我也可以通过onclick事件删除单个div。但是我遇到了这个实现问题:因为我能够在单击按钮时将文本附加到div。如何编辑先前创建的div的
浏览 5提问于2014-08-31得票数 0
回答已采纳
如何将jquery ui可拖动或可调整大小多次应用于同一元素？="test-12 ui-resizable ui-draggable" id="div-77"> <div class="ui
浏览 0提问于2012-06-19得票数 0
1回答
我刚开始学习jQuery用户界面，我遇到了一些麻烦。我的小提琴显示了这个例子(因此它可以被删除到类"droppable“中的任何元素中(为了显示这一点，类将变成绿色)。当我将元素放到下一个类中</
浏览 1提问于2016-06-02得票数 1
回答已采纳
使用JQuery，我需要能够按下一个按钮并创建一个可拖放的div。; }这是我想要放置div的容器和应该创建新div的按钮。当我在页面加载上创建div时，它是可拖动的，并且按预期工作。="draggabl
浏览 2提问于2014-09-29得票数 1
回答已采纳
2回答
我使用jquery和jquery创建可拖放的元素。我在创建了一个小示例，演示了我想要做的事情。javascript代码： $('body').append('<div id="moshe">hi</div>');
$('#moshe').draggable();
浏览 1提问于2015-08-01得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
