Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 为什么fancybox不能在这个代码段中工作?_Jquery_Fancybox_Fancybox 2 - Fatal编程技术网

Jquery 为什么fancybox不能在这个代码段中工作?

Jquery 为什么fancybox不能在这个代码段中工作?,jquery,fancybox,fancybox-2,Jquery,Fancybox,Fancybox 2,好吧,尝试使用fancybox加载图像时,它就是不起作用。我有什么明显的遗漏吗 <!DOCTYPE html> <html> <head> <title>fancybox test</title> <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script> <lin

好吧,尝试使用fancybox加载图像时,它就是不起作用。我有什么明显的遗漏吗

<!DOCTYPE html>
<html>
<head>
    <title>fancybox test</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
    <link rel="stylesheet" href="http://cdn.jsdelivr.net/fancybox/2.1.5/jquery.fancybox.min.css"></link>
    <script type="text/javascript" src="http://cdn.jsdelivr.net/fancybox/2.1.5/jquery.fancybox.min.js"></script>
</head>
<body>
    <script type="text/javascript">
        $(function () {
            $.fancybox.open([
                {
                    href: "http://s3.amazonaws.com/media.vast.com/carstory/upload-745916ec-fcf9-4289-b2ff-4606f4cc521c",
                    title: 'test'
                }
            ]);
        });
    </script>
</body>
</html>

请尝试使用document.ready:

<script type="text/javascript">

    $(document).ready(function () {
            $.fancybox({
                'width': '50%',
                'height': '50%',
                'autoScale': true,
                'transitionIn': 'fade',
                'transitionOut': 'fade',
                'type': 'iframe',
                'href': 'http://s3.amazonaws.com/media.vast.com/carstory/upload-745916ec-fcf9-4289-b2ff-4606f4cc521c',
                'title': 'test'
            });
    });

    </script>

$function{…};相当于$document.readyfunction{…}是的,这不重要。。。这是同样的行为。谢谢你,真的,对不起。那么可能唯一的区别就是你需要把href放在撇号中,比如:'href':,当我用你的代码尝试它时,它在我的机器上工作。有时它只是一个小的语法问题…………也检查==>FAQ选项卡==>No.5就是这样。我曾希望使用响应的content-type标题会足够聪明,但我想不会。设置类型:图像工作。如果你想回答这个问题,我会接受它。无需再次回答,但如果你想投票支持我的另一个答案,那就太好了;