Печатный фон элемента css не перекрывается после частичного обновления страницы

Question

Я использую плагин jquery printElement для печати div моего представления. В настоящее время он работает нормально, но переопределение CSS не работает, если я обновляю div html с частичным представлением.

Моя HTML-конструкция:

<div id="shopfoods">
  <div id="shoplistcontent">
    <table id="shopfoodtable">

Я получил фоновое изображение для магазина shopfoods, но я не хочу, чтобы фон отображался при печати, поэтому я перезаписываю печать другим css:

$('#printitem').click(function () {
        $('#shopfoods').printElement({
            pageTitle: 'Your Shop List.html',
            leaveOpen: true,
            printMode: 'popup',
            overrideElementCSS: ['../../Content/PrintShopList.css']
        });
    });

Это работает нормально, но если я покажу другое действие, которое вызывает частичное обновление страницы, например:

  // ... some ajax call
  success: function (result) {
      $('#shopfoods').html(result);
  }

После обновления, если я снова нажму на печать, печать будет включать фоновое изображение для магазина продуктов питания. (Но другой стиль в print.css работает)

Я не мог понять, что здесь происходит, это функция щелчка, ajax, css или это ошибка плагина?

Answer 1

Когда вы воссоздаете #shopfoods (через ajax), ваша предыдущая инициализация плагина printElement может быть потеряна.

Возможно, вам нужно изменить $ ('# printitem'). Click (...) на $('#printitem'). live ("click", ...)

Посмотрите на это: http://api.jquery.com/live/