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

Posted 2023-05-09

【中文标题】在 jQuery Mobile 的弹出窗口中打开外部页面

【英文标题】：Open External Page in Popup in jQuery Mobile

【发布时间】：2012-04-30 19:30:18

【问题描述】：

我正在使用 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/。 但我实际上想加载网址。即谷歌索引页面。

【参考方案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，例如列表视图。