JQuery:我可以使用Dialog打开外部网页吗？

Question

我可以使用JQuery 对话框打开外部网页,如果是这样 - 如何？

基本上,我想使用JQuery复制LightWindow的功能(LightWindow基于scriptalous).

www.stickmanlabs.com/lightwindow/index.html

理想情况下,我想使用一些JQuery核心的东西.如果它需要是一个JQuery插件,那很好,但我真的希望它已经存在这些功能的核心功能.

Answer 1

在JQueryUI中,您使用DIV作为对话框.

$(function() {
  $("#dialog").dialog();
});

所以你可以在DIV中使用iframe:

<div id="dialog" title="Google">
    <IFRAME style="border: 0px;" SRC="http://www.google.com" width="100%" height = "100%" >
</div>

编辑:

如果您希望页面中的每个 LINK都显示在JQueryUI对话框中,它是:

JavaScript:

$("a").click(function(event){
  event.preventDefault();
  $("#frame").attr("src", $(this).attr("href"));
  $('#dialog').dialog('open');
});

HTML:

<div id="dialog" title="Dialog Title">
    <IFRAME id="frame" style="border: 0px;" SRC="" width="100%" height = "100%" >
</div>