Javascript 放大弹出Jquery:Ajax弹出不起作用

我试图在弹出窗口中使用

我正在使用

ajax

type来显示内容

我尝试了下面的代码

HTML:

<a class="ajax" href="http://www.google.com">
        Text
</a>

<script type="text/javascript">
        $(document).ready(function() {
            $('.ajax').magnificPopup({
                delegate: 'a',
                type: 'ajax',
                alignTop: true,
                overflowY: 'scroll' // as we know that popup content is tall we set scroll overflow by default to avoid jump
            }
        }

    });
        });
</script>

JQuery:

<a class="ajax" href="http://www.google.com">
        Text
</a>

<script type="text/javascript">
        $(document).ready(function() {
            $('.ajax').magnificPopup({
                delegate: 'a',
                type: 'ajax',
                alignTop: true,
                overflowY: 'scroll' // as we know that popup content is tall we set scroll overflow by default to avoid jump
            }
        }

    });
        });
</script>

$（文档）.ready（函数（）{
$（'.ajax'）.magnificPopup({
代表：“a”，
键入：“ajax”，
是的，
overflowY:'scroll'//我们知道弹出内容很高，我们默认设置scroll overflow以避免跳转
}
}
});
});

请检查一下电话号码

---

就Jquery而言，我是个新手。我做错了什么？

问题在于您的外部链接。无法正确加载/解释它们，导致MIME类型错误

http://dimsemenov-static.s3.amazonaws.com/dist/magnific-popup.css
http://dimsemenov-static.s3.amazonaws.com/dist/jquery.magnific-popup.min.js

就是玩弄外部资源

“真正”的问题是它不能与其他来源上的链接一起工作

错误：拒绝在帧中显示“”，因为它将“X-frame-Options”设置为“SAMEORIGIN”

---

@LShetty它没有在弹出窗口中打开。您刚刚更改了url。