droppable: why not working?
<div dir="ltr">Hello
i don't get that.. why doesn't that work?
startitem is draggable, but tableitem does not seem to be droppable..
HTML:
[...]
<script type="text/javascript" src="jquery-1.2.6.js"></<div id=":8g" class="ArwC7c ckChnd">script>
<script type="text/javascript" src="ui/ui.core.js"></script>
<script type="text/javascript" src="ui/ui.draggable.js"></script>
<script type="text/javascript" src="ui/ui.droppable.js"></script>
[...]
<div class="tableitem" id="tableitem"></div>
<div class="todoitem" id="startitem"></div>
[...]
<script type="text/javascript" src="my.js"></script>
[...]
CSS:
.todoitem{
border:1px solid #000000;
background-color: #888888;
position: absolute;
float:left;
width:160px;
height:30px;
}
.tableitem{
border:1px solid #555555;
float:left;
width:400px;
height:250px;
position:absolute;
left:15px;
top:150px;
}
JS:
$(document).ready(function(){
$("#startitem").draggable({
opacity: 0.5
});
$("#tableitem").droppable({
accept: "#startitem",
drop: function(ev, ui){
ui.draggable.text("foo");
}
});
});</div></div>