Google ChromeのJQueryUIダイアログで「印刷ダイアログ」を開くことができません

Question

私は実際にJQueryUI Dialog pluginを使って自分のサイトのユーザーに情報を表示しています。このダイアログの内容を印刷することができるので、ボタンをクリックするとブラウザから印刷ダイアログを開く必要があります。

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はreleased without any testing to ensure that it actually worksであることを覚えておいてください。「非常に不安定なブラウザで、しばしば完全に壊れます。

この場合、JSFiddleに貼り付けた場合、同じコードがに貼り付けられ、Chrome 11.0.691.0で表示されます。ボタンを最初にクリックすると、印刷ダイアログが表示されますが、キャンセルしてもう一度ボタンをクリックしても何も起こりません。 （これはまた、Chromeのバグ–と同じことがthis very vanilla testで発生します）。

ボトムライン：このようなバグの可能性が高いため、私はChrome Canary Buildに対して何も開発しません。実際の開発作業にはBeta channelを使用し、ベータ版にはまだ登場していない新機能を試したい場合はCanary Buildのみを使用することをおすすめします。