Php 图像缓存清除问题

我正在使用jquery打开弹出窗口。我的弹出内容由图像和文本组成

当我点击pop1时，我得到我的pop1内容。当我点击pop2几秒钟时，我会看到我的pop1内容，然后我的pop2就会加载。我怎样才能解决这个问题

我的弹出代码：

$(document).ready(function(){

///////LINKS - POPUP//////// 
 $('#all').delegate('a.pop-lnk', 'click', function(){
  var page = $(this).attr('id');

  $('#popup').empty();

  $('#gr-out').css({ opacity: 0.7, 'width':$(document).width(),'height':$(document).height()}).show();
  $('#popup').css({'display': 'block'});
  $('#popup').load("../phpHandler.php?page="+ page);
 })

 $('body').delegate('.hide-it', 'click', function(){ 
  $('.hide-it').hide();
    })
});

处理链接的我的php（phpHandler）：

---

在

.load

回调中显示弹出窗口，以便在显示之前加载html

$('#popup').load("../phpHandler.php?page="+ page, function(){
    $('#popup').css({'display': 'block'});
});

---

隐藏模态时，请清除其内容

$('body').delegate('.hide-it', 'click', function(){ 
        $('.hide-it').hide();
        $('#popup').empty();
    })
});

---

这是因为您首先显示包含先前加载的pop1内容的元素

$('#gr-out').css({ opacity: 0.7, 'width':$(document).width(),'height':$(document).height()}).show();
$('#popup').css({'display': 'block'});

然后开始加载新内容

$('#popup').load("../phpHandler.php?page="+ page);

这不是一个缓存问题，而是一个时间问题：）

$（“#popup'）.empty（）

，然后再显示它，因此前面的内容将被清除。现在，您正在加载新内容之前显示它，因此以前在其中的内容仍将存在。或者：

$（'#popup'）.load（…）.complete（this.show（））

类似的操作也可以。在新内容完全加载之前不要显示它。

$('#popup').load("../phpHandler.php?page="+ page);