格式化bxslider html和样式用于打印

Question

有没有一种方法可以禁用bxslider jquery插件并在用户单击打印时显示所有内容线性？

http://bxslider.com/

没关系。我将删除jquery插件并寻求更多功能。

Answer 1

你可以使用这个CSS：

@media print { 
    .bxslider * { 
     display: block !important; 
    } 
} 

但它是一个黑客攻击的一位，可能不会看起来惊人，但你可以乱用这种方式打印的CSS样式。如果block不好看，您也可以尝试display: list-item !important;。

Answer 2

基于这个答案https://stackoverflow.com/a/3619689/1055987，你可以尝试删除bxslider类打印时：

window.old_print=window.print 
window.print=function() { 
    jQuery(".bxslider").removeClass("bxslider"); 
    window.old_print(); 
} 

但我个人宁愿使用CSS的解决方案时，尽可能通过@Watson

注意建议：我用jQuery删除类，因为你必须使用它已经与bxslider;）

Answer 3

我试过很多解决方案，我发现这一个： https://github.com/stevenwanderski/bxslider-4/issues/112 这是唯一一个为我工作的人。