在jQuery Mobile中打开Popup中的外部页面

时间:2012-04-19 09:42:45

标签: jquery jquery-mobile popup

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

<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/。 但我其实想加载网址。即google索引页。

1 个答案:

答案 0 :(得分: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,比如列表视图。