1

jQuery UI の並べ替え可能なコンポーネントを使用してカスタム ヘルパー要素を作成しました。

$(function() {
    $("#sortable").sortable({
        placeholder: "ui-state-highlight",
        helper: function() {
            return $('<tr style="background-color:Fuscia"><td colspan="5" ><table><tr><td class="ui-state-default" style="background-color:Red">[XXXXXXXXXXXX]</td></tr><tr><td colspan="5" class="ui-state-default" style="background-color:Red">[XXXXXXXXXXXX]</td></tr></table></td></tr>');
        },
    });
    $("#sortable").disableSelection();
});

アイテムをドラッグすると、カスタム要素が実際に表示されます。ただし、明らかにドラッグされているもののコンテナである「ドラッグボックス」からオーバーフローします。

コードとマークアップをhttp://jsfiddle.net/LpyXh/に投稿しました。

誰かが私が見逃しているものを見ることができますか?

4

2 に答える 2

3

CSSで追加

.ui-sortable-helper
{
   background:none;    
   border:none;   
}

http://jsfiddle.net/LpyXh/2/

于 2012-08-21T21:46:35.067 に答える
0

ヘルパーに適用される各 tr の高さを指定しました。

http://jsfiddle.net/LpyXh/3/

コンテナを固定します。

于 2012-08-21T21:55:42.840 に答える