Search code examples
jqueryjquery-uijquery-ui-tabsjquery-ui-sortable

sortables in tabs


EDIT 1:

You can try this by removing the sortable script from the link below. As soon as you remove it, the tabs start working.

ORIGINAL QUESITON:

I have the following script:

http://jsfiddle.net/oshirowanen/mYx5y/

It consists of tabs and sortables.

For some reason, as soon as I add the sortable script, the tabs stop working. Why is this happening? Along side that, the sortables don't work either.


Solution

  • Your code had a lot of errors (extra brackets). I fixed them and it works now : http://jsfiddle.net/bs2VV/

    EDIT code follows

    $("#tabs").tabs();
    
    $(".column").sortable({
        connectWith: '.column',
        update: function(event, ui) {
            alert($(this).closest("div").attr("id"));
            alert($(this).sortable('serialize', {
                key: 'item'
            }));
        }
    });
    
    $(".column").disableSelection();