jQuery Fancybox不支持post方法中的链接

时间:2017-04-23 14:40:59

标签: javascript jquery html css fancybox

我想在同一页面中管理sql db表,而不是导航到其他页面。 我头脑中的代码

<head>
        <title>All Magazine Data</title>
        <link rel="stylesheet" type="text/css" href="css/style.css">        
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.min.js"></script>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.min.css" />     
        <script type="text/javascript">
                $(document).ready(function() {
                    $(".various").fancybox({
                        maxWidth    : 800,
                        maxHeight   : 600,
                        fitToView   : false,
                        width       : '70%',
                        height      : '70%',
                        autoSize    : false,
                        closeClick  : false,
                        openEffect  : 'none',
                        closeEffect : 'none'

                    });
                });
        </script>
    </head>

这是代码无效。

<a class="various fancybox.iframe" href="viewthumb.php?url=http://localhost/rupok/img/cover.png">View Cover</a>

当图片无效时,页面会加载到iframe中。但是当我在get参数中链接有效图像时,它会显示一条消息

The Requested Content Can not be loaded

1 个答案:

答案 0 :(得分:0)

您使用的是v3,但v2中的选项 - 这些版本不兼容。您在v3中没有使用任何选项。使用&#34;数据类型&#34;用于设置内容类型的属性。

如果&#34;内容无法加载&#34;则会显示该消息。检查开发人员工具,了解您的网页请求的状态。