当我为每个iframe使用iframe时，无法浏览侧边栏内容

如何解决当我为每个iframe使用iframe时，无法浏览侧边栏内容

因此，我的页面上有一个顶部导航栏，一个侧栏和右侧的内容。现在，我已经设计了页面，但是我觉得它是重复的，因此我尝试使用右侧的iframe（当侧边栏中的任何链接更改时，该iframe都会更改）。我希望你能明白。

现在，问题在于，我能够从第一个iframe导航到第二个iframe标签，但不能从第二个iframe导航到第一个iframe。

这是代码。 HTML：

        <div class="container-fluid side-content">

          <iframe src="carsx-iframe.html" id="car-frame" height="100%" width="100%" style="outline: none; border:none; "></iframe>

          <iframe src="edit-profile-iframe.html" id="edit-prof" height="1050px" width="100%" style="outline: none; border-style: none;"></iframe>

        </div>

Js：

$(document).ready(function() {
  $("#edit-prof-click").click(function() {
    $("#edit-prof").show();
  });
});

 $(document).ready(function() {
  $("#cars").click(function() {
    $("#car-frame").show();
  });
});

CSS

#edit-prof{
  display: none;
}

#car-frame{
  display: none;
}

解决方法

您需要隐藏第二个div以显示第一个div，并且在尝试显示第一个div时不这样做。

尝试添加类似内容

$("#car-frame").hide();

在显示第一个iframe之前。