[B! jQuery][iframe] gt-r-blazeのブックマーク

gt-r-blaze id:gt-r-blaze

jQueryとiframeに関するgt-r-blazeのブックマーク (2)

リンク先のiframe内での頭出し（ページ内リンク）をjQueryで実装する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
地味な離島ライターの内藤です。またも地味でニッチな話題を離島からお送りします。ページ内の頭出しやページTOPに戻るページ内リンクは便利ですよね。今回は、リンク先のページ内に埋め込まれたiframeの中での頭出しについて書きたいと思います。というのも、後述するようなレガシーサイト対応をしている方から相談を受けたのがきっかけです。新しい技術で、どんなレガシーサイトも使い勝手をよくしようではありませんかっ。言葉だとわかりづらいので、下のデモページで動作をご確認ください（ページ左上のリンクをクリックしてみてください）。 https://www.web-naito.net/demo/iframe/ ※現在はサービスを終了しています。ご覧のように、リンク先のiframeのところまでページ内リンクし、その後iframeの中がスクロールして頭出しをします。とはいえ、最近はあまり使われなくなってい
gt-r-blaze 2020/03/11
getをつかう方法。情報が古いため注意。読み替え $("#iframe-aaaa").on("load", () => {})

iframe

jQuery
リンク
jQuery iframeの読み込み完了後のタイミングで処理を実行する方法 | Stronghold Archive
どうもこんばんは。Toshikuraです。今回のTipsは【jQuery iframeの読み込み完了後のタイミングで処理を実行する方法】です。局所的な記事が続いていますが地味に使えるTipsなのでメモしておきます。デモの方を見ていただければざっくりとした使い方が掴めるかと思います。もしよろしければ合わせてご確認ください。 iframeの読み込み完了後のタイミング読み込みのタイミングで何らかの動作をさせる場合は以下のような記述で実装可能です。 HTML <iframe id="tgt" src="http:****.com"></iframe> JS <script type="text/javascript"> $(‘#tgt’).load(function(){ console.log(‘読み込み完了’); }); </script> クリック等のタイミングで読み込み次の例はクリック
gt-r-blaze 2020/03/06
情報が古いため注意。読み替え $("#iframe-aaaa").on("load", () => {})

jQuery

iframe
リンク
1