0

さて、Jquery ソート可能プラグインで奇妙な問題が発生しました。overflow-y:autodiv内に一連のリストを作成しようとしています。これは、リストがコンテナーよりも小さい場合にうまく機能します。ただし、リストが大きくなり、コンテナのオーバーフローが機能するとすぐに、ソート可能オブジェクトは実際には機能しなくなります。ユーザーがリストを下にドラッグしても、下にスクロールしません。

スクロールまたはドラッグ イベントをコンテナにアタッチする方法を知っている人はいますか? コンテナにソート可能を設定して子ハンドルを作成しようとしましたが、必要な「受信」イベントがトリガーされません。さらに、スクロールイベントはまだ正しく機能していません。

プラグインの初期化方法は次のとおりです。

$('.sort-list').sortable({
        'connectWith': '.item-container',
        'items': ".item-wrapper:not(.main-item)",
        'containment': '.canvas',
        'placeholder' : "ui-state-highlight",
        'scroll' : true,
        'opacity' : 0.8,
        start: function (event, div) { 
            // set the placeholder size to the proper size
            $('.ui-state-highlight').css({
                'width':$(div.helper).outerWidth()-2,
                'height':$(div.helper).outerHeight()-2
            });             
        },
        receive: function(event, ui) {
            var interval = $(event.target).parent('.time-container').attr('interval');
            var oldInterval  = $(ui.sender).parent('.time-container').attr('interval');
            var item = $(ui.item).find('.item').data('objectData');
            self.updateInterval(oldInterval, interval, item);         
        }
    });

この動作を機能させるための洞察を持っている人はいますか? ここで本当に困惑しています...ありがとう。

4

1 に答える 1

0

ですから、これに対する解決策を探しているすべての人々のために、私はこれに答えています。残念ながら、現在の Jquery UI のソート可能では不可能です。リストのソート可能なスクロールに依存しない別の動作を作成することになりました。基本的には、右側の各リストへの参照が含まれ、リスト内のアイテムをそこにドラッグして、それらが配置されているリストを変更します。誰かの助けになることを願っています. :/

うまくいけば、これはすぐに追加されるものになるでしょう...

于 2012-08-28T21:01:09.973 に答える