当前位置：首页 → 问答吧 → 菜鸟提问!关于拖拽

菜鸟提问!关于拖拽

时间：2009-06-05

来源：互联网

刚刚开始看jquery

看到一个例子
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>购物车droppable()</title>
<style type="text/css">

</style>
<script language="javascript" src="jquery.ui/jquery-1.2.4a.js"></script>
<script language="javascript" src="jquery.ui/ui.base.min.js"></script>
<script language="javascript" src="jquery.ui/ui.draggable.min.js"></script>
<script language="javascript" src="jquery.ui/ui.droppable.min.js"></script>
<script language="javascript">
$(function(){
    $(".draggable").draggable({helper:"clone"});
    $("#droppable-accept").droppable({
        accept: function(draggable){
            //接收类别为green的
            return $(draggable).hasClass("green");
        },
        drop: function(){
            $(this).append($("<div></div>").html("drop!"));
        }
    });
});
</script>
</head>
<body>
<div class="draggable red">draggable red</div>
<div class="draggable green">draggable green</div>
<table class="draggable green"><tr><td>123</td></tr></table>
<div id="droppable-accept" class="droppable">droppable<br></div>
</body>
</html>

里面有这句
        drop: function(){
            $(this).append($("<div></div>").html("drop!"));
        }

这里面的this当然是指购物车
那我该怎么获得被释放的这个div的id呢?也就是物品的id呢?

作者: shenhaisheng 发布时间: 2009-06-05

$("<div></div>")
这个是你创建的div，没设id，所以是拿不到的

我很怀疑你的例子是不是错了，应该是把draggable对象放进来，为什么放了个新div

作者: keakon 发布时间: 2009-06-05