jquery - 格式化 bxslider html 和打印样式

Question

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

http://bxslider.com/

没关系。我将删除 jquery 插件并寻找更实用的东西。

Answer 1

你可以使用这个CSS：

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

但这有点小技巧，可能看起来并不神奇，但你可以用这种方式弄乱你的打印 css 样式。display: list-item !important;如果不好看也可以试试block。

Answer 2

基于此答案https://stackoverflow.com/a/3619689/1055987bxslider您可以尝试在打印时删除该类：

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

但就我个人而言，我宁愿按照@Watson 的建议尽可能使用 CSS 解决方案

注意：我使用 jQuery 删除了该类，因为您必须已经在 bxslider 中使用它；）

Answer 3

我尝试了很多解决方案，我找到了这个： https ://github.com/stevenwanderski/bxslider-4/issues/112 ，这是唯一对我有用的。