隐藏元素没有闪光

时间:2012-11-02 13:51:07

标签: javascript jquery css

我必须隐藏包含特定单词的<table>的某些行。我正在使用jQuery中的:contains选择器并使用.hide()来搜索这些行。

问题在于,它会在隐藏之前瞬间显示出那些不愉快的闪光。

是否有可能减少闪光,或者将某些事件绑定到文档上,该文档将在创建时分析每个DOM元素,如果符合某些要求则不渲染它们?

1 个答案:

答案 0 :(得分:0)

大多数模板引擎都会做你想要的,允许你添加一些逻辑来决定是否首先创建一个元素。

另一种选择是让你的表从一开始就隐藏(在CSS display:none中),运行你的jQuery来找到你想要隐藏的行(甚至删除),然后才使用jQuery来制作你的表可见(.show())。这种方法的缺点是,如果没有启用JavaScript的访问者,它不会优雅地降级。他们永远无法看到桌子!

当然,如果您没有启用JavaScript,您也无法隐藏客户端上的行。你必须在服务器端处理它。