0

我有一个表,标题中包含隐藏一系列单元格的链接。我想selectable()使用jQueryUI制作单元格,但是隐藏的单元格 +selectable()会导致一些奇怪的行为。

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

在 Chrome 中,如果单元格被隐藏然后selectable()被应用,看起来像一些幻像单元格被插入到表中,但它们不在 dom 中(表 1)。

在表 2 中,如果单击隐藏单元格然后进行选择,也会发生同样的情况。

在 IE8 中,如果单元格是隐藏的,当您选择隐藏单元格时,隐藏的单元格也会被选中。此外,如果选择了一系列单元格然后将其隐藏,则后续选择不会取消选择隐藏的单元格。

我在 Firefox 9 中没有看到这些问题。

谁能解释一下?有没有办法解决它?

4

1 回答 1

0

没关系,我找到了解决办法。

似乎它应该处理隐藏元素,但事实并非如此。设置时selectable(),我需要包括:visible.

所以...

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

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

于 2012-02-23T16:00:23.973 回答