用Ajax重新加载/刷新div

Question

我试图将jquery的一部分放在一起，以显示隐藏的div，同时刷新父div，以便javascript能够修改和显示新的高度。

到目前为止，这就是我所拥有的，但是在一些研究发现了比刷新一个div之前，您必须使用ajax，并且想知道是否有人可以伸出援手。

var $r = jQuery.noConflict();
  $r(document).ready(function() {
      $r('#open').click(function () {
        $r('#expandable-2').show('slow');
        $r(this).load(location.href + '.panel > *');
      });
       $r('#close').click(function () {
        $r('#expandable-2').hide('1000');
        $r(this).load(location.href + '.panel > *');
      });
  });

到目前为止我有这个，

• 打开和关闭id的链接
• 一旦单击，它们就会给出显示块的css属性，并将none显示给div可扩展-2。
• 我坚持的部分是父div .panel的刷新，以便正确显示显示的div。

原因是我目前正在页面中使用CodaSlider脚本，并且根据容器中的内容数量动态地引入高度。现在，为了在单击打开时显示新内容，需要刷新容器，从而显示具有新高度的新内容。

希望这是有意义的，但任何帮助都会很棒。

Answer 1

要“刷新”一个只需做的div：

document.getElementById("myDiv").innerHTML = new_content;

new_content可能是ajax调用返回的html，但是您肯定不需要ajax调用来“刷新”div。

Answer 2

您可以使用html方法jQuery来更改div的html。

$r(".content-div").html("Hello world");

如果您想使用ajax从服务器加载html，应该使用load函数，如下所示：

$r(".content-div").load("ajax/users.html");

Answer 3

您的代码有一个明显的混乱。只要几个小窍门：

• 如果父div包含#expandable 2，那么您将无法同时执行ajax调用并显示动画，因为ajax调用将在#expandable 2元素出现/消失时破坏它。
• 通过ajax将外部代码加载到div中的正确方法是： $r('.panel').load('/path/to/url')； 这将将'/path/to/url‘的响应加载到'.panel’div中。确保'/path/to/url‘只返回div的新内容，否则不能使用$r('.panel').load，但必须使用间接方法(即：$r.ajax)。