无法在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。