2013-02-14 93 views
1

我正在使用jQuery UI對話框,並且我有一些單選按鈕和一個提交按鈕。如何使用jQuery UI對話框單擊打開新的瀏覽器窗口?

如果選擇了第一個按鈕,用戶點擊該按鈕時,我想要一個新窗口中打開,就像如果有像href標記:

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

所以在點擊事件至今我我在:

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

可以做到這一點嗎? (必須在IE中工作)

+0

http://www.w3schools.com/jsref/met_win_open.asp – Archer 2013-02-14 16:35:12

+0

'window.open'不起作用? – 2013-02-14 16:35:19

+0

@Archer它是'w3fools.com' – 2013-02-14 16:36:30

回答

4

這裏應該有所幫助。看看小提琴: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. height = 200用這個來定義新窗口的高度。

  3. resizable = yes或no使用此選項來控制是否希望用戶能夠調整窗口大小。

  4. scrollbars = yes or no這讓你決定是否在窗口上有滾動條。

  5. toolbar = yes or no新窗口的頂部是否應該有瀏覽器導航欄(後退,前進,停止 buttons ..等)。

  6. location = yes or no是否希望顯示帶有當前url(輸入地址的地方)的位置框。

  7. directories = yes或no窗口是否顯示額外的按鈕。 (什麼是酷,個人按鈕等...)。

  8. status = yes or no是否在窗口底部顯示窗口狀態欄。

  9. 菜單欄=是或否是否在窗口頂部顯示菜單(文件,編輯等...)。

  10. copyhistory = yes or no是否將舊瀏覽器窗口的歷史列表複製到新窗口。

+0

@ user1361315當然。看看更新的小提琴:http://jsfiddle.net/pcDbX/1/embedded/result/ – turnt 2013-02-14 18:26:02

0

嘗試

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

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

    }); 
相關問題