my code:
...
$(function() {
$(".cenrows").sortable({
connectWith: '.cenrows',
change: function(event, ui){
alert(event.target.innerHTML);
}
});
});
</head>
<body>
<div class="cenrows" id="cloa">
<div class="mu_conn">
a
</div>
<div class="mu_conn">
b
</div>
<div class="mu_conn" >
c
</div>
</div>
<div class="cenrows" id="clob">
<div class="mu_conn">
d
</div>
</div>
</div>
</body>
</html>
1."d" move "cloa"
alert one: <DIV style="Z-INDEX: 1000; POSITION: absolute; WIDTH: 168px; HEIGHT: 19px; TOP: 9px; LEFT: 89px" class="mu_conn ui-sortable-helper" jQuery1280507473426="6">d </DIV>
alert two <DIV class=mu_conn jQuery1280507600572="2">a </DIV>
<DIV style="HEIGHT: 19px; VISIBILITY: hidden" class="mu_conn ui-sortable-placeholder"></DIV>
<DIV class=mu_conn jQuery1280507600572="3">b </DIV>
<DIV class=mu_conn jQuery1280507600572="4">c </DIV>
is good
now move 'd' to 'clob'
alert one :<DIV class=mu_conn jQuery1280507600572="2">a </DIV>
<DIV style="Z-INDEX: 1000; POSITION: absolute; WIDTH: 168px; HEIGHT: 19px; TOP: 4px; LEFT: 196px" class="mu_conn ui-sortable-helper" jQuery1280507600572="6">d </DIV>
<DIV class=mu_conn jQuery1280507600572="3">b </DIV>
<DIV class=mu_conn jQuery1280507600572="4">c </DIV>
alert two :<DIV style="HEIGHT: 19px; VISIBILITY: hidden" class="mu_conn ui-sortable-placeholder"></DIV>
is good
But do not release the mouse ,
Will be 'd' move back to 'cloa'
alert one :<DIV class=mu_conn jQuery1280507871633="2">a </DIV>
<DIV style="Z-INDEX: 1000; POSITION: absolute; WIDTH: 168px; HEIGHT: 19px; TOP: 27px; LEFT: 93px" class="mu_conn ui-sortable-helper" jQuery1280507871633="6">d </DIV>
<DIV style="HEIGHT: 19px; VISIBILITY: hidden" class="mu_conn ui-sortable-placeholder"></DIV>
<DIV class=mu_conn jQuery1280507871633="3">b </DIV>
<DIV class=mu_conn jQuery1280507871633="4">c </DIV>
alert two :<DIV class=mu_conn jQuery1280507871633="2">a </DIV>
<DIV style="Z-INDEX: 1000; POSITION: absolute; WIDTH: 168px; HEIGHT: 19px; TOP: 27px; LEFT: 93px" class="mu_conn ui-sortable-helper" jQuery1280507871633="6">d </DIV>
<DIV style="HEIGHT: 19px; VISIBILITY: hidden" class="mu_conn ui-sortable-placeholder"></DIV>
<DIV class=mu_conn jQuery1280507871633="3">b </DIV>
<DIV class=mu_conn jQuery1280507871633="4">c </DIV>
Why not Return:
alert one:<DIV style="Z-INDEX: 1000; POSITION: absolute; WIDTH: 168px; HEIGHT: 19px; TOP: 9px; LEFT: 89px" class="mu_conn ui-sortable-helper" jQuery1280507473426="6">d </DIV>
alert two :<DIV class=mu_conn jQuery1280507871633="2">a </DIV>
<DIV style="Z-INDEX: 1000; POSITION: absolute; WIDTH: 168px; HEIGHT: 19px; TOP: 27px; LEFT: 93px" class="mu_conn ui-sortable-helper" jQuery1280507871633="6">d </DIV>
<DIV style="HEIGHT: 19px; VISIBILITY: hidden" class="mu_conn ui-sortable-placeholder"></DIV>
<DIV class=mu_conn jQuery1280507871633="3">b </DIV>
<DIV class=mu_conn jQuery1280507871633="4">c </DIV>
???????