格式化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/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 这是唯一为我工作的人。