1

ドラッグ可能な要素のリストがあります。私が使用している唯一のjQueryは次のとおりです。

$('.section_rows').sortable();

これは正常に機能します。ただし、ページの一番下にいて（一番下まで垂直にスクロール）、行をクリックしてドラッグして並べ替えると、ページが「ジャンプ」し55pxます。これは機能的には大したことではありませんが、ひどいユーザーエクスペリエンスです（ドラッグ可能な行はこのページの下部にあるため、この問題は常に発生します）。

HTMLを調べたところ、jQueryが'.ui-sortable-helper'55pxの高さのスタイルを含むというクラスを追加しているようです。

ドラッグ可能なアイテムが選択されているときに、これを無効にしたり、ページを「移動しない」ように強制したりする方法はありますか？

4

2 に答える 2

1

リストを同じ高さに保つには、ドロッププレースホルダーが必要なようです。試す：

$(".section_rows").sortable(P{
   placeholder: 'ui-state-highlight'
});

.ui-state-highlightのCSSが適切な高さに設定されていることを確認してください。

于 2013-01-22T01:00:15.303 に答える
0

sortable関数にプレースホルダーを手動で追加し（ http://jqueryui.com/sortable/#placeholder）、次のようにスタイルを設定します。

$('.section_rows').sortable({placeholder: "ui-state-highlight"});

.ui-state-highlight {
    height: 55px;
    line-height: 1.2em;
    background: rgb(250, 252, 255)!important;
    border: none!important;
}
于 2013-01-22T00:53:03.413 に答える