次の JavaScript コードがあります。
$(document).ready(function() {
$('a#print_button').click(function(event) {
event.preventDefault();
var print_url = 'print.html';
if ($('#print_page').length == 0) {
$("body").append('<iframe id="print_page" name="print_page" src=' + print_url + ' style="display: none; @media print { display: block; }"></iframe>');
} else {
$('#print_page').attr("src", print_quote_url);
}
$('#print_page').on("load", function() {
frames["print_page"].focus();
frames["print_page"].print();
});
});
});
Chrome と Firefox で動作します。しかし、IE でボタンをクリックすると、iframe を印刷する代わりに親ページが印刷されます。