Question

我正在使用此功能将其他页面中的内容加载到我的<div>：

中

<script>
   $(document).ready(function() { 
   $("#refresh").bind("click", function() {
      $("#Container").load("Image_rotate.html")    
      });
   });
 </script>

<h2>Looking for</h2>      
<div id="Container"></div>   
</div><a href="javascript:void(0);" id="refresh">click</a>

但我只是想刷新我的div'Container'并且不从外部页面加载新内容，是否可能？

Answer 1

<div id="hiddenDiv"></div>  
<div id="Container"></div>

<强>代码：

$('#hiddenDiv').html($("#Container"));

$("#refresh").bind("click", function() { 
    $("#Container").html($('#hiddenDiv').html())
});

Answer 2

$("#refresh").bind("click", function() {
   $("#Container").load("Image_rotate.html", function(response, status, xh) {
      $(this).html(response);  // if response is html
   })    
});

如何在页面内重新加载一个div，而不是将新页面加载到div中，只需重新加载它

2 个答案: