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

时间:2011-08-14 05:31:55

标签: jquery asp.net jquery-ui

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

代码如下:

$(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

尊敬

瓦希德

1 个答案:

答案 0 :(得分:0)

为什么要使用sortable?我认为JQuery UI Droppable可以正常工作(http://jqueryui.com/demos/droppable/#photo-manager