jquery - 在 jQuery Mobile 的弹出窗口中打开外部页面

Question

我正在使用 jQuery Mobile。实际上我想在弹出窗口中打开一个外部链接。 我试过这个。

<a href="#" id="dialoglink"  data-rel="dialog">Open Dialog</a>
<script>
$(document).delegate('#dialoglink', 'click', function() {
    $(this).simpledialog({
        'mode' : 'blank',
        'prompt': false,
        'forceInput': false,
        'useModal':true,
        'fullHTML' : 
            'http://www.google.com/'
    })
});
</script>

它正在打开一个弹出窗口，内容是文本 http://www.google.com/ 。 但我实际上想加载网址。即谷歌索引页。

Answer 1

您可以通过 ajax 请求来完成此操作:

$.get('http://url.to.load.net',function(data) {
    $(this).simpledialog({
        'mode' : 'blank',
        'prompt': false,
        'forceInput': false,
        'useModal':true,
        'fullHTML' : data
    });  
});

不过，对于像 google.com 这样的整个页面来说，没有什么可推荐的。 simpledialog 无法处理这种类型的内容，它会破坏您的标记结构。但您可以加载一小段 HTML，例如 ListView 。