jquery - 如何避免加载 DOM 时 jquery 内容闪烁

Question

我有几个非常简单的 jQuery 函数在文档准备好后运行。例如:

$('div.std br').remove();

我使用它是因为 Magento 的 TinyMCE 编辑器不断抛出烦人的 <br />的如果你有任何剩余的空白。这很好用，但显然在加载页面时我必须查看所有 <br /> 的丑陋内容。 s 在里面，然后它闪烁并执行更让人分心的功能。

有没有办法阻止这种情况，或者我是否应该隐藏内容，直到按照有关该主题的类似文章建议加载内容？

Answer 1

...should I be hiding the content until it is loaded...?

是的。您可能希望保留布局中的空间以避免烦人的“跳跃”。

CSS:

div.str {
    visibility: hidden;
}

将 JS 放置在 div 之后，或关闭之前 </body>标记:

<script>
    $("div.str").find("br").remove();
    $("div.str").css("visibility", "visible");
</script>