添加动态内容后,从div中删除占位符图像

时间:2013-03-08 19:27:56

标签: javascript jquery html css

如果我有一个div作为容器,当空显示图像时,我想在内容动态添加到容器时删除该图像,那么最好的Jquery方法是什么?平常 -

 if ($(".container").html().length <= 0) {
    $('.ad').show();
 }

在这种情况下不起作用,因为添加的内容是动态的,不涉及刷新。我尝试将检查存储在一个setIntercal函数中,该函数每100毫秒运行一次但结果没有达到预期效果,并且还在页面上引起了一些奇怪的闪烁。

编辑**

如果我不需要支持IE8,那么Josh Burgess的方法将是我在所有情况下使用的方法。因此,我将在触发添加内容的click事件时添加.hide()方法。谢谢您的帮助!

1 个答案:

答案 0 :(得分:2)

为什么要使用jQuery?

试试这个CSS:

div.myDiv:empty{
  background-image: url(path/to/myimage);
  height: 50px;
  width: 50px;
}

div.myDiv {
  background-image: none;
  height:auto;
  width: auto;
}

<强> - 编辑 -

Here's a working example in jsfiddle, and it works in reverse as well