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

来自documentation：

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

它似乎是documented way

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

如何在页面加载后立即运行？

3 个答案: