单击Javascript或jquery加载

我有一个带有几个不同iFrame的页面，这些iFrame延迟了我的加载时间，所以我希望只有当我点击一个单独的按钮时才能加载它们

正如我现在设置的，有“窗口块”，在每个分区中有两个兄弟节点，“应用程序链接”和应用程序“窗口”

这是我的结构（在同一页上有几个类似的“窗口块”）

当我用一行代码单击旁边的按钮时，是否可以加载每个同级窗口？还是必须为每个类/元素添加一个？那一行代码是什么？（如果这听起来很愚蠢，我很抱歉……）

是否也可以在第二次单击时卸载该div，然后在第三次单击按钮时再次重新加载

当我点击每个窗口时，我也试图让每个窗口跳转到屏幕顶部（在Z上向上移动？），但这不起作用，有什么建议吗

---

非常感谢…

我想您需要的是AJAX。单击按钮会向服务器发送请求，并将响应HTML写入窗口。这个方法非常简单。

我认为您需要的是AJAX。单击按钮会向服务器发送请求，并将响应HTML写入窗口。操作非常简单。

您的意思是在单击按钮时要将iframe加载到div中？我在你的代码中没有看到一个按钮。第一行是关于

iframe

，html有

div

-是哪一个？嘿，很抱歉，我真正需要的是只需点击一下就加载整个div（及其内容和iframe）；在这种情况下，“app link”是按钮，“w apps”是窗口。您可以使用空的

src

值创建iframe，然后使用按钮触发类似

document.GetElementById（'IframeID'）.src=“link”

的函数来实际加载iframe。不幸的是，您必须分别为每个帧执行此操作。您的意思是，您希望在单击按钮时将iframe加载到div中？我在你的代码中没有看到一个按钮。第一行是关于

iframe

，html有

div

-是哪一个？嘿，很抱歉，我真正需要的是只需点击一下就加载整个div（及其内容和iframe）；在这种情况下，“app link”是按钮，“w apps”是窗口。您可以使用空的

src

值创建iframe，然后使用按钮触发类似

document.GetElementById（'IframeID'）.src=“link”

的函数来实际加载iframe。不幸的是，您必须分别为每个帧执行此操作。

<div class="w-clearfix window-block">
<a class="app-link w-inline-block" data-ix="open-window" href="#" style="transition: all 0.2s ease-in-out 0s;">
<div class="w-clearfix wapps window ui-draggable" data-ix="collapse-on-load" style="transition: color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s; opacity: 0; transform: translateX(0px) translateY(100%) translateZ(6000px); display: none;">

$( function() {
    $( ".window" ).draggable({ handle: ".window-handle" });  
} );