[解決済み] ページロード時に jQuery Fancybox を起動するには?
2023-01-19 06:04:21
質問
Fancyboxを起動したいのですが(例えば ファンシーボックスの バージョンのモーダルやライトボックス) をページロード時に起動したいのです。隠しアンカー タグにバインドして、JavaScript でそのアンカー タグのクリック イベントを発生させることもできますが、Fancybox を直接起動して余分なアンカー タグを使わないようにしたいのです。
どのように解決するのですか?
Fancybox は現在、自動的に起動する方法を直接サポートしていません。私が実現した回避策は、隠しアンカー タグを作成し、そのクリック イベントをトリガーすることです。クリック イベントをトリガーするための呼び出しが、jQuery と Fancybox の JS ファイルをインクルードした後に含まれていることを確認してください。私が使用したコードは以下の通りです。
このサンプル スクリプトは HTML に直接埋め込まれていますが、JS ファイルに含めることもできます。
<script type="text/javascript">
$(document).ready(function() {
$("#hidden_link").fancybox().trigger('click');
});
</script>
関連
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] jQueryでテーブルの行を追加する
-
[解決済み] 選択オプション「selected」を値で設定する
-
[解決済み] GoogleのホストされたjQueryを使用する最良の方法、しかしGoogleの私のホストされたライブラリにフォールバックすることは失敗します。
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] クラスメソッド内の "this "をタイプスクリプトで記述する
-
[解決済み] jest.fn()の値はモック関数またはスパイである必要があります。
-
[解決済み] Microsoft JSONの日付はどのようにフォーマットするのですか?
-
[解決済み] 選択オプション「selected」を値で設定する
-
[解決済み] jQuery select onChangeの値を取得する。
-
[解決済み] jQuery に何かを実行する前にすべての画像の読み込みを待つように指示する公式な方法
-
[解決済み] jQueryで複数のCSS属性を定義するには?
-
[解決済み] jQueryを使用して配列から特定の値を削除する方法
-
[解決済み] セレクトボックスの選択項目を設定する
-
[解決済み] jQueryでinput[type=text]の値変化を検出する