用jQuery打印元素的背景图像

时间:2018-06-04 08:48:10

标签: javascript jquery printing

我有此优惠页面: http://www.becreativeagencja.com/elplast-wp/offer/hvac/

:hover上,提供项目的方框有一个打印选项,但似乎我无法将其实际输出到文档中。

这是我的JS:

$(".print").click(function() {
    var mywindow = window.open('', 'PRINT', 'height=400,width=600');

    mywindow.document.write('<html><head><title>' + document.title  + '</title>');
    mywindow.document.write('</head><body >');
    $title = $(this).parent().parent().parent().parent().parent().find("h3").text();
    $bgimg = $(this).parent().parent().parent().css("background-image");
    $img = "<img src='$bgimg' width='100%'/>";
    mywindow.document.write('<h1>' + $title  + '</h1>');
    mywindow.document.write($img);
    mywindow.document.write('</body></html>');

    mywindow.document.close(); // necessary for IE >= 10
    mywindow.focus(); // necessary for IE >= 10*/

    mywindow.print();
    mywindow.close();

    return true;
  });

我怎样才能取得成果? Background-image附加了.relative-wrapper

1 个答案:

答案 0 :(得分:0)

from django.apps import AppConfig
from django.conf import settings

class MyAppConfig(AppConfig):
    name = 'myapp'

    def ready(self):
        settings.INSTALLED_APPS += 'django_rq'
        settings.RQ_QUEUES = {
            'default': {
                'HOST': 'localhost',
                'PORT': 6379,
                'DB': 0,
                'DEFAULT-TIMEOUT': 360,
            }
        }

尝试将此CSS附加到窗口中。它在Chrome和Firefox中运行,不确定IE。