Try to use tables :)
Like:
<table>
<tr>
<td><ul="col1"></ul></td>
<td><ul="col2"></ul></td>
<td><ul="col3"></ul></td>
</tr>
</table>
with fixed width for td and ul height 100%.
On 28 июн, 22:41, Asa Carter <
asa_car...@...> wrote:
> I am trying to set the height of columns when an item has been sorted
> to the height of the biggest column.
> It works for the first sort but then is fixed at that.
>
> I think I need to get the height of the contents of the column rather
> than the column itself but not much luck so far.
>
> $('div.column').sortable({
> items:$('div.widget'),
> connectWith: ["#col1", "#col2",
> "#col3"],
> handle:'.menubar',
> placeholder:'sort_placeholder',
> helper:function (el){
> return $
> ('.helper').clone().appendTo('body').css('display','block');
> },
> update:function(e,ui) {
> var col1 = $
> ("#col1").height();
> var col2 = $("#col2").height();
> var col3 = $("#col3").height();
> var newHeight = Math.max(col1,col2,col3);
> $("#col1").height(newHeight);
> $("#col2").height(newHeight);
> $("#col3").height(newHeight);
> },
> start:function(e,ui) {
> ui.helper.addClass('ontop');
> },
> stop:function(e,ui) {}
> });
>
> });
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to
jquery-ui@...
To unsubscribe from this group, send email to
jquery-ui-unsubscribe@...
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en-~----------~----~----~----~------~----~------~--~---