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

时间:2013-05-23 18:08:42

标签: jquery flicker

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

我正在使用一些PHP来确定它是否是商店启动页面,没关系,然后是一个小jQuery来删除HTML节点,如下所示:

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

这也可以正常工作,除非页面加载缓慢时滑块出现一瞬间然后消失,特别是如果它尚未缓存。

有谁知道怎么让它根本不出现,零闪烁?任何帮助将不胜感激。该网站仍在开发中,如果您想查看商店部分,则为here

谢谢!

1 个答案:

答案 0 :(得分:0)

你总是可以拥有最初隐藏特定块的HTML输出,删除需要删除的元素,最后在回调函数show / fade-in包装器中。

HTML

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

JQuery的

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