У меня есть веб-страница, которая скрывает и показывает различные фрагменты, используя функции jQuery's hide()
и show()
в ответ на действия пользователя. Если пользователь печатает страницу, я хочу, чтобы все эти части были показаны, и у меня есть раздел моей таблицы стилей, чтобы сделать это. Однако функции jQuery переопределяют это. Как я могу решить эту проблему?jQuery hide/show не играют хорошо с @media print
0
A
ответ
1
HTML
<div class="pieces">hello world</div>
если использовать JQuery hide();
он будет объявлен выходной
<div class="pieces" style="display: none;">hello world</div>
свойство стиля и их приоритет над другими здесь. поэтому имеет решение, добавить класс display:none;
<style>
.hide{display:none;}
@media print{
.hide{display:block;}
}
</style>
<div class="pieces hide">hello world</div>
использование $('.pieces').addClass('hide')
вместо $('.pieces').hide()
$('.pieces').removeClass('hide')
вместо $('.pieces').show()
печати демо http://jsfiddle.net/abj01sa7/3/show/
Смежные вопросы
- 1. JQuery и IE7 не играют хорошо
- 2. SimpleXML & hibernate не играют хорошо?
- 3. AngularJS и JQuery не играют хорошо, ng-show не работает
- 4. Drupal и Require.js не играют хорошо - двойная загрузка jQuery
- 5. jquery-ui, Foundation и Rails 3.1 не играют хорошо вместе
- 6. CSS и шрифт Entypo не играют хорошо
- 7. bootstrap-datepicker.js и jquery.maskedinput.js не играют хорошо
- 8. PDFTK и PDF2PS не играют хорошо вместе
- 9. nwjs и karma-mocha не играют хорошо
- 10. Java setFocusableWindowState и setAccelerator не играют хорошо
- 11. Эти .htaccess команды не играют хорошо вместе
- 12. SDL.framework и Xcode не играют хорошо
- 13. transclude() и ng-repeat не играют хорошо
- 14. Apache и mod_mono не играют хорошо вместе
- 15. DataAnnotations и Resources не играют хорошо
- 16. .animate() и .remove() не играют хорошо вместе
- 17. jboss и sonic mq не играют хорошо
- 18. HTML и google maps не играют хорошо
- 19. media print CSS
- 20. @media print и IE8
- 21. css: Print Media Target
- 22. print div content using print media css
- 23. ReferenceError: HideShow не определен
- 24. media print page break print pdf
- 25. Файлы MP4 не играют гладко на окнах azure media services
- 26. find_each и finder_sql не играют хорошо друг с другом?
- 27. php oop классы не играют хорошо с eachother
- 28. У Drupal и YUI хорошо играют вместе?
- 29. Can Response.Redirect и OnBeforeUnload играют хорошо вместе?
- 30. Как установить css @media print styling с jquery
почему вы не временно 'шоу() 'все они перед печатью? –
@ Николас, как я могу переместить Javascript в пункт меню «Печать» браузера? Например, 'window.onbeforeprint' не является стандартизованным или кросс-браузерным. – Mark
err ... http: //stackoverflow.com/questions/1234008/detecting-browser-print-event .. Это действительно хак. Я бы предположил, что если вы на ранних этапах развития переосмыслите, если вам действительно нужно использовать 'hide()' и 'show()'. Возможно, вам нужно просто абстрагироваться от функции hide and show и использовать свой собственный CSS-класс для переключения - как описано ниже - это хорошо работает с '@media print' –