javascript - window.print 显示多次

Question

我有一个示例脚本，可以在单击按钮时打印我的网站页面的一部分。但奇怪的是，当我使用ajax进行转换并单击同一个按钮时，window.print会激活两次，如果我按3次，则会显示3个window.print，并且它会一直持续下去。即使使用ajax转换到不同页面后，如何防止window.print仅显示一次？一些例子或提示会很棒!我很乐意从你这里来!

$(function(){
        $('.printButton').live('click', function(){
            var printPage = $('.printarea').html();
            $('body').append('<div id="print"></div>');
            $('#print').append(printPage);
            $('body > :not(#print)').addClass('print_off');
            window.print();
            $('#print').remove();
            $('.print_off').removeClass('print_off');
        });
    });

Answer 1

看来您的事件一次又一次地绑定(bind)到按钮。您可以尝试关注。另外，请使用 on，因为 live 已弃用。

$('.printButton').off('click');
$('.printButton').on('click', function(){
       var printPage = $('.printarea').html();
       $('body').append('<div id="print"></div>');
       $('#print').append(printPage);
       $('body > :not(#print)').addClass('print_off');
       window.print();
       $('#print').remove();
       $('.print_off').removeClass('print_off');
});

仅供引用，jQuery.off和 jQuery.on