0

ヘッダーにセルの範囲を非表示にするリンクがあるテーブルがあります。jQueryUIselectable()を使用してセルを作成したいのですが、非表示のセル+が奇妙な動作を引き起こしています。selectable()

例: http: //jsfiddle.net/gvmNv/1/

Chromeでは、セルを非表示にしてからselectable()適用すると、一部のファントムセルがテーブルに挿入されているように見えますが、それらはdomにありません(表1)。

表2では、クリックしてセルを非表示にしてから選択すると、同じことが起こります。

IE8では、セルが非表示になっている場合、非表示のセルを選択すると、非表示のセルも選択されます。さらに、セルの範囲が選択されてから非表示になった場合、その後の選択で非表示のセルの選択が解除されることはありません。

Firefox9ではこれらの問題は発生しませんでした。

誰かがこれを説明できますか?それを修正する方法はありますか?

4

1 に答える 1

0

気にしないでください、私は修正を見つけました。

隠された要素を処理する必要があるようですが、そうではありません。設定するときselectable()に、を含める必要があります:visible

それで...

$("table").selectable({
    filter: 'td:visible'
});​

例: http: //jsfiddle.net/gvmNv/2/

于 2012-02-23T16:00:23.973 に答える