jquery ui 拖曳后如何获取被拖曳对象及其属性,e.target对象到底是什么对象,有哪些属性?源码如下
<scripttype="text/javascript">$(function(){//以透明度0.35随意拖动$(".divDrag").draggable({opa...
<script type="text/javascript">
$(function(){
//以透明度0.35随意拖动
$(".divDrag").draggable({opacity:0.35,helper:"clone"})
$("#divCart").droppable({
drop:function(e,ui){
$(this).addClass("divGet")//改变购物车的CSS
.append($("<div>"+"<img src='"+$(".divDrag img").attr("src")+"'/>"+"</div>"))
.find("#divTip").remove();//删除原有内容
}
});
})
</script>
</head>
<body>
<div id="divFrame">
<div class="divLeft">
<div class="divTitle">产品</div>
<div class="divDrag">
<img src="../image/2.jpg"/>
</div>
</div>
<div class="divRight">
<div class="divTitle">购物车</div>
<div id="divCart">
<div id="divTip">木有产品</div>
</div>
</div>
</div>
</body> 展开
$(function(){
//以透明度0.35随意拖动
$(".divDrag").draggable({opacity:0.35,helper:"clone"})
$("#divCart").droppable({
drop:function(e,ui){
$(this).addClass("divGet")//改变购物车的CSS
.append($("<div>"+"<img src='"+$(".divDrag img").attr("src")+"'/>"+"</div>"))
.find("#divTip").remove();//删除原有内容
}
});
})
</script>
</head>
<body>
<div id="divFrame">
<div class="divLeft">
<div class="divTitle">产品</div>
<div class="divDrag">
<img src="../image/2.jpg"/>
</div>
</div>
<div class="divRight">
<div class="divTitle">购物车</div>
<div id="divCart">
<div id="divTip">木有产品</div>
</div>
</div>
</div>
</body> 展开
2个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询