jquery 拖放可在不同的 div 和 div 类之间排序

Question

我想使用 jquery sortable (interface.js) 拖动左侧面板的 div 并将其拖放到右侧面板。我尝试过，但无法解决...

代码如下

$(document).ready(
            function () 
            {
                $('div#block-selector').Sortable(
                    {
                        accept: 'new-component',
                        helperclass: 'sortHelper',
                        activeclass :   'sortableactive',
                        hoverclass :    'sortablehover',
                        handle: 'span',
                        tolerance: 'pointer',
                        connectWith: '#droppableArea',
                        containment: 'div#droppableArea',
                        onChange : function(ser)
                        {

                        },
                        onStart : function()
                        {
                            $.iAutoscroller.start(this, document.getElementsByTagName('body'));
                        },
                        onStop : function()
                        {

                            $.iAutoscroller.stop();
                        }
                    }
                );
            }

        );

div#block-selector 是左面板的一个 div，并将其拖放到右面板的 div#droppableArea.. 但不起作用.. 请帮助 meeeeeee

问候

瓦希德

Answer 1

为什么使用可排序？我认为 JQuery UI Droppable 可以很好地满足您的目的( http://jqueryui.com/demos/droppable/#photo-manager )