使用 jQuery .remove() 函数的 HTML 元素闪烁答案

【问题标题】：HTML element flicker using jQuery .remove() function使用 jQuery .remove() 函数的 HTML 元素闪烁
【发布时间】：2013-05-24 02:47:41
【问题描述】：

如果这是重复的，请原谅我，但我找不到这个具体的答案。我们有一个 Joomla 2.5 和 ClickCartPro 8 (CCP) 安装，它们一起工作以创建一个电子商务网站。我有一个 Joomla 滑块模块，它显示在 CCP 商店主页上，但它也显示在所有其他商店页面上。

我正在使用一些 PHP 来确定它是否是商店启动页面，这很好，然后使用一点 jQuery 来删除 HTML 节点，如下所示：

jQuery(document).ready(function()
{
  jQuery('#ais_163_wrapper, #ais_163').remove();
});

这也可以正常工作，除非页面加载缓慢，滑块会出现片刻然后消失，尤其是在尚未缓存的情况下。

有谁知道如何让它根本不出现，零闪烁？任何帮助将不胜感激。本站仍在开发中，如果您想查看商店部分，请联系here。

谢谢！

【问题讨论】：

【解决方案1】：

您总是可以让特定块最初隐藏的 HTML 输出，删除需要删除的元素，最后在回调函数中显示/淡入包装。

<div id="some_wrapper" style="display:none;">
    <!-- HTML in question -->
</div>

$(document).ready(function(){
  $('#ais_163_wrapper, #ais_163').remove(function(){
      $('#some_wrapper').fadeIn();
  });
});

【讨论】：