無法在Google Chrome上使用JQueryUI對話框打開“打印對話框”

Question

我實際上是在使用JQueryUI對話框插件向我的網站的用戶顯示一些信息。 可以打印此對話框的內容，因此單擊按鈕時，需要打開一個打印對話框（從瀏覽器）。

我正在這樣創建此對話框（這只是一個示例；我修改了內容和大小）：

var box = $('<div id="print-dialog" title="Print map">blablabla....</div>');
box.dialog({
   width: 100,
   height: 100,
   modal: true,
   draggable: false,
   resizable: false,
   close: function(event,ui){
      $('#print-dialog').remove();
   },
   buttons: {
      "Print this!": function(){
          window.print();
       }
   }
});

但是，當我單擊“打印”按鈕時，什么也沒有發生。 我在Firefox和IE上嘗試了相同的示例，並且工作正常。

您可以在這里嘗試在JSBin上執行我的代碼： http : //jsbin.com/osoro3

我需要什么？ 難道我做錯了什么？ 謝謝！

Answer 1

在最新的Chrome Beta版本10.0.648.127中可以正常工作。 我認為您只是在Chrome Canary Build中感到奇怪。 請記住，Canary Build 發行時並未進行任何測試，以確保其實際運行 ，因此是“高度不穩定的瀏覽器，通常會完全崩潰。”

在這種情況下，粘貼到JSFiddle中並在Chrome 11.0.691.0中查看時，相同的代碼似乎可以工作一次 。 第一次單擊該按鈕時，將顯示“打印”對話框，但是如果您取消它並再次單擊該按鈕，則不會發生任何事情。 （這似乎也是Chrome的錯誤-在非常普通的測試中也會發生同樣的事情。）

底線：由於存在很多錯誤（如此類錯誤），我不會針對Chrome Canary Build開發任何東西。 我建議堅持使用Beta通道進行實際的開發工作，如果您想嘗試尚未加入Beta通道的新功能，則僅使用Canary Build。