如何使用jQuery UI对话框打开新的浏览器窗口?

时间:2013-02-14 16:33:44

标签: jquery jquery-ui

我正在使用jquery UI对话框,我有一些单选按钮和一个提交按钮。

如果选择了第一个按钮,并且用户单击该按钮,我想要打开一个新窗口,就像有一个href标签一样:

<a href="http://www.example.com" target="_blank">Click</a>

所以到目前为止我在点击事件中:

$(this).click(function (e) {
   e.preventDefault();
});

有可能这样做吗? (必须在IE中工作)

2 个答案:

答案 0 :(得分:5)

这应该有所帮助。看看小提琴:http://jsfiddle.net/pcDbX/

$('#link').click(function () {

     window.open('http://www.example.com','mywindow','width=400,height=200')

});

此链接还会显示您可以使用的参数: http://www.pageresource.com/jscript/jwinopen.htm

以下是传递给window.open()的一些常见属性:

  
      
  1. width = 300使用此选项定义新窗口的宽度。

  2.   
  3. height = 200使用此选项定义新窗口的高度。

  4.   
  5. resizable = yes或no使用此选项控制您是否希望用户能够调整窗口大小。

  6.   
  7. scrollbars = yes或no这可以让您决定是否在窗口上设置滚动条。

  8.   
  9. toolbar = yes或no新窗口是否应该在顶部显示浏览器导航栏(后面,前面,停止   buttons..etc)。

  10.   
  11. location = yes或no您是否希望显示包含当前网址的位置框(输入地址的位置)。

  12.   
  13. 目录=是或否窗口是否应显示额外按钮。 (什么是酷,个人按钮等......)。

  14.   
  15. status = yes或no是否在窗口底部显示窗口状态栏。

  16.   
  17. menubar = yes或no是否在窗口顶部显示菜单(文件,编辑等)。

  18.   
  19. copyhistory = yes或no是否将旧浏览器窗口的历史记录列表复制到新窗口。

  20.   

答案 1 :(得分:0)

尝试

   $('#buttonid').click(function(){

      window.open('http://www.google.com', '_blank');

   });