2016-09-19 6 views
1

別のボタンをクリックしたときにのみロードするように、ロード時間を遅らせるいくつかの異なるiframeがあるページがあります。クリックしてロードするJavascriptまたはjqueryをロードする

私は今設定しているので、 "ウィンドウブロック"があり、これらのdivのそれぞれには、2つの兄弟、 "アプリリンク"とアプリ "ウィンドウ"があります。

ので、ここで私の構造は、(いくつかの同様の「ウィンドウ・ブロック」は、同じページにあります)

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

は、各兄弟ウィンドウの負荷を行うことが可能です各クラス/要素に1つずつ追加しますか?そのコード行は何ですか?(この場合、すみません)

2回目のクリックでdivをアンロードしてから、ボタンをクリックしたときに再度ロードすることはできますか(3回目)?

また、各ウィンドウをクリックすると、各ウィンドウが画面の先頭にジャンプするようにしようとしていますが、それはうまくいかないのですか?

は、私はあなたがAJAXで必要なものだと思う...とても

+0

ボタンをクリックしたときにiframeをdivに読み込みたいのですか?あなたのコードにボタンが表示されません。 –

+0

最初の行は 'iframe'について語り、htmlには' div'があります - それは何ですか? – Jamiec

+0

ねえ、申し訳ありませんが、私が本当に必要とするのは、クリックするだけでdiv全体(とそのコンテンツとiframe)を読み込むことです。この場合、 "app link"はボタンで、 "w apps"はウィンドウです。 –

答えて

0

、ありがとうございました。ボタンをクリックすると、サーバーに要求が送信され、応答HTMLがウィンドウに書き込まれます。 W3Schools tutorialはかなり簡単です。

関連する問題