jquery ui sortable 1.5.2 problem

jquery ui sortable 1.5.2 problem


I had this working in 1.5.0 but there is a bug up until 1.5.1 which make
serialize not work the ay it should.
I am trying 1.5.2 but cant seem to make this work.
Any Ideas?
Thanks!
<script type="text/javascript">
$(document).ready(function(){
$("#homePage").sortable({
connectWith: ["#plan","#acquire","#build"],
items: "li",
opacity: 90,
revert: true,
placeholder: "sortHelper",
activeclass: "sortActive",
hoverclass: "sortHelper",
handle: "h3",
dropOnEmpty:true,
cursorAt: {
top: 15,
left: 5
},
update: function(element, ui) {
alert($(this).sortable("serialize","{key:
'#homePage'}"));
}
    
});
$("#plan").sortable({
connectWith: ["#homePage","#acquire","#build"],
items: "li",
opacity: 90,
placeholder: "sortHelper",
activeclass: "sortActive",
hoverclass: "sortHelper",
handle: "h3",
dropOnEmpty:true,
cursorAt: {
top: 15,
left: 5
},
update:function() {
alert($('#plan').sortable('serialize',"plan"));
}
});
$("#acquire").sortable({
connectWith: ["#plan","#homePage","#build"],
items: "li",
opacity: 90,
revert: true,
placeholder: "sortHelper",
activeclass: "sortActive",
hoverclass: "sortHelper",
handle: "h3",
dropOnEmpty:true,
cursorAt: {
top: 15,
left: 5
},
update:function() {
alert($('#acquire').sortable('serialize'));
}
});
$("#build").sortable({
connectWith: ["#plan',#homePage","#acquire"],
items: "li",
opacity: 90,
revert: true,
placeholder: "sortHelper",
activeclass: "sortActive",
hoverclass: "sortHelper",
handle: "h3",
dropOnEmpty:true,
cursorAt: {
top: 15,
left: 5
},
update:function() {
alert($('#build').sortable('serialize'));
}

});
});
</script>
<h3>HomePage</h3>
<ul id="homePage" style="cursor: hand; cursor:
pointer;">
<li id="link_1">
<h1>black</h1>

i am a black link


</li>
<li id="link_2">
<h1>purple</h1>

i am a purple link


</li>
</ul>

<h3>Plan</h3>
<ul id="plan" style="cursor: hand; cursor:
pointer;">
<li id="link_3">
<h1>orange</h1>

i am a orange link


</li>
<li id="link_4">
<h1>pink</h1>

i am a pink link


</li>
<li id="link_5">
<h1>blue</h1>

i am a blue link


</li>
</ul>

<h3>Acquire</h3>
<ul id="acquire" style="cursor: hand; cursor:
pointer;">
<li>
<h1>Open</h1>

This is a test of a link to
go!


</li>
<li>
<h1>yellow</h1>

i am a yellow link


</li>
</ul>

<h3>Build</h3>
<ul id="build" style="cursor: hand; cursor:
pointer;">

</ul>
--
View this message in context: http://www.nabble.com/jquery-ui-sortable-1.5.2-problem-tp18397056s27240p18397056.html
Sent from the jQuery UI Discussion mailing list archive at Nabble.com.