Question

我有一个包含多个不同iframe的页面，这会延迟我的加载时间，所以我只是在点击单独的按钮时加载它们。

正如我现在设置的那样，有＆＃34;窗口块＆＃34;并且在这些div中的每一个内部都有两个兄弟姐妹，＆＃34; app链接＆＃34;和应用程序＆＃34;窗口＆＃34;;

所以这里是我的结构（有几个相似的＆＃34;窗口块＆＃34;在同一页面上）

<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;">

我还使用了一个小jquery来使窗口可以拖动（它与Windows（或MacOS）桌面的情况非常相似：快捷方式和窗口。

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

是否有可能让每个兄弟窗口加载，因为我点击它旁边的按钮，只需一条＆＃34;线＆＃34;代码？或者我必须为每个类/元素添加一个？这行代码是什么？（如果这听起来很蠢，我很抱歉。）

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

我还尝试让每个窗口跳到屏幕顶部（向上移动Z？），因为我点击了每个窗口但是没有工作，有什么建议吗？

非常感谢...

Answer 1

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

加载点击Javascript或jquery

1 个答案: