2016-09-19 36 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非常簡單。