Javascript 使用JQuery显示隐藏的div内容

Javascript 使用JQuery显示隐藏的div内容,javascript,jquery,ajax,razor-3,Javascript,Jquery,Ajax,Razor 3,我有两个div标签。单击第一个div标记时,会发生一个AJAX调用,第二个div标记将替换第一个 我在第二个div标签中有Back按钮。在单击后退按钮时,我应该能够看到第一个div标记被第二个div标记替换 这是我的剃须刀代码: <div id="tag1" onclick="show_placedetail()> <a href="#" class="button button-small button-style3 butcurve-sml">View<

我有两个div标签。单击第一个div标记时,会发生一个AJAX调用,第二个div标记将替换第一个

我在第二个div标签中有Back按钮。在单击后退按钮时,我应该能够看到第一个div标记被第二个div标记替换

这是我的剃须刀代码:

<div id="tag1" onclick="show_placedetail()>
    <a href="#" class="button button-small button-style3 butcurve-sml">View</a>
</div>

<div id="tag2">
    <a href="#" class="button button-small button-style4 butcurve-sml" onclick="show_placelist()">Back</a>
</div>
<div id="parent">
  <div id="tag1" onclick="show_placedetail()>
      <a href="#" class="button button-small button-style3 butcurve-sml">View</a>
  </div>

  <div id="tag2">
      <a href="#" class="button button-small button-style4 butcurve-sml"   onclick="show_placelist()">Back</a>
  </div>
</div>
我已经检查了第一个div标记的.html()内容是否在AJAX调用后清空

为了显示在AJAX期间被另一个div标记替换的div标记,我应该怎么做?我是否需要调用另一个AJAX调用来显示第一个div内容

好心的建议


提前谢谢。

我的错误被纠正了

实际上,我正在用AJAX替换我的第一个div。因此,如果我再次尝试显示它,它将不可用。因此,我创建了一个父标记,并将两个标记都放在其中。我将InsertionMode选项更改为InsertAfter

现在它运行良好

以下是我更新的Razor代码:

<div id="tag1" onclick="show_placedetail()>
    <a href="#" class="button button-small button-style3 butcurve-sml">View</a>
</div>

<div id="tag2">
    <a href="#" class="button button-small button-style4 butcurve-sml" onclick="show_placelist()">Back</a>
</div>
<div id="parent">
  <div id="tag1" onclick="show_placedetail()>
      <a href="#" class="button button-small button-style3 butcurve-sml">View</a>
  </div>

  <div id="tag2">
      <a href="#" class="button button-small button-style4 butcurve-sml"   onclick="show_placelist()">Back</a>
  </div>
</div>

@using (Ajax.BeginForm("Detail", "Places", new AjaxOptions
    {
        HttpMethod = "POST",
        InsertionMode = InsertionMode.InsertAfter,
        UpdateTargetId = "parent",
    }, new { name = "PlaceDetailsForm", id = "PlaceDetailsForm" }))
{
    <input type="hidden" name="locationId" id="locationId" />
    <input type="hidden" name="distance" id="distance" />
}