在click-jquery上仅重新加载某个类的元素

时间:2013-10-06 19:17:18

标签: function reload elements jquery

我有点击重新加载页面的功能:

$('#reload').click(function () {
   location.reload();
 });

为了仅使用aaa类重新加载元素,我应该使用什么代替location.reload();

尝试$('.aaa').reload(); - 无效。

1 个答案:

答案 0 :(得分:2)

您可以使用.load将内容加载到元素中,即如果您有一个返回要加载到元素中的html的URL。您不能只是将元素重新加载到旧状态,因为 HTML是无状态的,除非您手动管理状态。

  $('#reload').click(function () {
      $('.aaa').load(url); //url which returns you the content of the html.
 });

或其他方式可以将元素的先前状态存储在localstorage / cookie / data cache等中,并在点击时将其填充回来。

第二种方式的例子是:

 $('#reload').click(function () {
      $('.aaa').replaceWith($('.aaa').data('cache')); //just replace itself with one in the data cache
 });

$('.aaa').data('cache', $('.aaa').clone(true)); //on load of the page save the current element in data cache, for later use

<强> Fiddle