Question

使用此jquery代码

成功打开我的弹出窗口

<html>
<head>
    <link media="all" type="text/css" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/0.9.9/magnific-popup.css">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/0.9.9/jquery.magnific-popup.min.js"></script>
</head>
<body>
    <button id="someid">Open popup</button>

<script>
    $('#someid').magnificPopup({
                                          items: {
                                              src:  
                                                    '<div class="white-popup"><br>\
                                                    <a href="**someUrl**">Click</a>',

                                              type: 'inline'
                                          }
                           });  
</script>
</body>
</html>

如何打开一个对话框，其中包含从使用magnificPopup构建的popUp中的url（上面的“someUrl”）返回的结果？尝试将javascript函数调用到magnificPopup的'src'键中，但是它没有用。

Answer 1

如果您尝试在magnific弹出窗口中打开网页，请使用Ajax类型。您的代码只链接到一个URL。

您可以做的另一件事是执行ajax get并在响应后打开弹出窗口。将ajax响应的响应结果作为弹出窗口中的数据。

打开对话框，其结果是从使用magnificPopup构建的popUp中的url后面返回的

1 个答案: