2016-09-19 37 views
1

我有被推迟我的加载时间几个不同的iframe网页,所以我想,当我点击一个单独的按钮他们只加载。负载上点击Javascript或jQuery的

正如我现在成立,有“窗口块”和这些div中的每一个里面有两个兄弟姐妹,在“应用程序链接”和应用程序“窗口”;

所以这里是我的结构(有几个类似的“窗口块”在同一页上)

<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的)桌面:快捷键和Windows

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

是否有可能使每一个同级窗口负载,因为我按一下按钮旁边有一个单一的代码“行”还是我来?为每个类/元素添加一个?该代码行是什么?(如果是这样的话,我很抱歉NDS哑..)

是否有可能也卸在第二点击该分区,并单击按钮时(第三次再重新载入)?

我也试图让每个窗口跳到屏幕(Z上移?)的顶部,我点击每个窗口上,但是这不是工作,有什么建议?

非常感谢你...

+0

你的意思是你想要一个按钮被点击时加载一个iframe到一个div?我没有看到你的代码中的按钮。 –

+0

第一行是关于'iframe'和html有'div'的 - 这是它吗? – Jamiec

+0

嘿,对不起,我真正需要的是仅在点击时加载整个div(及其内容和iframe);在这种情况下,“应用链接”是按钮,“w apps”是窗口。 –

回答

0

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