Horizontal Sortables do not work
Hello all,
Im hoping to get some quick help here, im developing a dynamic CSV
creation app with jQuery-UI and nothing i try works to make the
sortables work horizontally. I am including my demo code below.
It also dosent help that the demos dont load at all. (http://
dev.jquery.com/view/tags/ui/latest/demos/functional/#ui.sortable)
Thanks for your time,
-Matt
[CODE]
<style>
div.sort{background:#6FF; height: 25px; padding:20px; padding-left:
50px; background:#FFC; width:400px;}
div.drag{cursor:move; display:inline; background: #727EA3; color:
#FFF; text-align:center; font-size: 10px; padding: 5px;}
div.placeholder { cursor:move; display:inline; width:20px;
background:#F00; color: #FFF; text-align:center; font-size: 10px;
padding: 5px; }
</style>
<div style="clear:both">
<div class="sort">
<div class="drag" id="sort_name">name</div>
<div class="drag" id="sort_desc">desc</div>
<div class="drag" id="sort_src">src</div>
<div class="drag" id="sort_thumb">thumb</div>
</div>
</div>
<div style="clear:both"></div>
<script type="text/javascript">
$(".sort").sortable(
{
//containment: 'parent',
//axis: 'x',
distance: 0,
placeholder: 'placeholder',
forcePlaceholderSize: true,
revert: true,
//tolerance: 'pointer',
stop: function(event, ui)
{
var order = $(".sort").sortable("toArray", {});
var str = '';
for(var i=0; order.length > i; i++)
{
str += order[i]+', ';
}
//alert(str);
return true;
}
});
</script>