1. ホーム
  2. jquery

[解決済み] ページロード時に 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>