jquery拖拽新建元素怎样获取ID
我现在拖拽以后，可以生成新的页面元素div，但是我审查元素，发现新生成的元素没有ID。请问如何给新生成的元素赋予ID。或者选择器怎么描述刚生成的页面元素呢？谢谢<scri...
我现在拖拽以后，可以生成新的页面元素div，但是我审查元素，发现新生成的元素没有ID。请问如何给新生成的元素赋予ID。或者选择器怎么描述刚生成的页面元素呢？谢谢
<script>
$(function() {
$( "#cardbox" ).sortable({
revert: true,
opacity: 0.6,
cursor: "move"
});
$( "#classify1,#classify2" ).draggable({
connectToSortable: "#cardbox",
helper: "clone",
revert: "invalid",
opacity: 0.6,
stop: function( event, ui ) {
<!-- alert("123"+$("img").attr("title")); -->
alert($("#classify2.draggable img").attr("title"));
}
});
});
</script>
<body>
<div class="container">
<div class="row">
<div class="col-sm-4" id="cardbox">
<div class="element" id="element1">字段1</div>
<div class="element" id="element2">字段2</div>
<div class="element" id="element3">字段3</div>
</div>
<div class="col-sm-4" id="listbox">
<div class="element" id="classify1">字段</div>
<div class="element" id="classify2"><img src="static/img/df-min.png" title="test"/></div>
</div>
<div class="col-sm-4" id="editzone">
<div class="row">
<div class="col-sm-12">字段名：<input name="ziduan1" />
</div>
<div class="col-sm-12">内 容：<input name="neirong" />
</div>
</div>
</div>
<div></div>
</div><!-- row END -->
</div><!-- container END -->
</body> 展开
<script>
$(function() {
$( "#cardbox" ).sortable({
revert: true,
opacity: 0.6,
cursor: "move"
});
$( "#classify1,#classify2" ).draggable({
connectToSortable: "#cardbox",
helper: "clone",
revert: "invalid",
opacity: 0.6,
stop: function( event, ui ) {
<!-- alert("123"+$("img").attr("title")); -->
alert($("#classify2.draggable img").attr("title"));
}
});
});
</script>
<body>
<div class="container">
<div class="row">
<div class="col-sm-4" id="cardbox">
<div class="element" id="element1">字段1</div>
<div class="element" id="element2">字段2</div>
<div class="element" id="element3">字段3</div>
</div>
<div class="col-sm-4" id="listbox">
<div class="element" id="classify1">字段</div>
<div class="element" id="classify2"><img src="static/img/df-min.png" title="test"/></div>
</div>
<div class="col-sm-4" id="editzone">
<div class="row">
<div class="col-sm-12">字段名：<input name="ziduan1" />
</div>
<div class="col-sm-12">内 容：<input name="neirong" />
</div>
</div>
</div>
<div></div>
</div><!-- row END -->
</div><!-- container END -->
</body> 展开
3个回答
展开全部
$(function () {
$("#cardbox").sortable({
revert: true,
opacity: 0.6,
cursor: "move",
stop: function (e, ui) {
//二，拖拽之后，进入这个排序函数，设置ID
var id = (new Date()).getMilliseconds();
ui.item.attr("id", "new" + id)
ui.item.text("ID=new" + id);
ui.item.css({ "background": "green" });
}
});
$("#classify1,#classify2").draggable({
connectToSortable: "#cardbox",
helper: "clone",
revert: "invalid",
opacity: 0.6,
stop: function (event, ui) {
//一，拖拽，放下后执行，显然是不能设置ID的
var id = (new Date()).getMilliseconds();
ui.helper.attr("id", "new" + id)
ui.helper.text("ID=new" + id);
ui.helper.css({ "background": "blue" });
}
});
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
