我有一个表格,其标题中包含隐藏一系列单元格的链接。我想使用jQueryUI创建单元格selectable()
,但隐藏的单元格+ selectable()
会导致一些奇怪的行为。
示例:http://jsfiddle.net/gvmNv/1/
在Chrome中,如果隐藏了单元格,然后应用了selectable()
,则看起来某些幻像单元格会插入到表格中,但它们不在dom中(表1)。
在表2中,如果单击以隐藏单元格然后进行选择,则会发生同样的事情。
在IE8中,如果单元格被隐藏,当您选择隐藏的单元格时,也会选择隐藏的单元格。 此外,如果选择了一系列单元格然后隐藏,则后续选择不会取消选择隐藏单元格。
我在Firefox 9中没有看到这些问题。
任何人都能解释一下吗?有办法解决吗?
答案 0 :(得分:0)
没关系,我找到了修复。
它似乎应该处理隐藏的元素,但事实并非如此。设置selectable()
时,我需要添加:visible
。
因此...
$("table").selectable({
filter: 'td:visible'
});