我怎样才能让它在页面加载后立即运行？

Question

我希望这个 fancyBox 在页面加载后立即运行，而不必单击图像。

在 javascript 代码中我有：

<script type="text/javascript">
        $(document).ready(function() {

    $(".fancybox").fancybox({

                type : 'image',
                maxWidth    : 800,
                padding     : 0,
                fitToView   : true,
                maxHeight   : 600,
                fitToView   : false,
                width       : '70%',
                height  : '70%',
                autoSize    : true,
                closeClick  : false,
                nextEffect  : 'none',
                closeEffect : 'none',
                mousewheel : true

        });
        });
    </script>

谢谢大家！

Answer 1

假设 .fancybox 是有问题的图像，则 $(".fancybox").click() 位于 $(document).ready(function() { 的末尾>

Answer 2

从 文档 中：

jQuery(document).ready(function() {
  $("#your_selector").trigger('click');
});

其中 your_selector 附加了一个 fancybox，所以在您的情况下，将是.fancybox。

Answer 3

你可以尝试一个肮脏的黑客，

$(document).ready(function() {

    $(".fancybox").fancybox({

                type : 'image',
                maxWidth    : 800,
                padding     : 0,
                fitToView   : true,
                maxHeight   : 600,
                fitToView   : false,
                width       : '70%',
                height  : '70%',
                autoSize    : true,
                closeClick  : false,
                nextEffect  : 'none',
                closeEffect : 'none',
                mousewheel : true

        });
 $(".fancybox").click();
        });

它看起来像是记录的方式

jQuery(document).ready(function() {
    $("#your_selector").trigger('click');
});