格式化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 這是唯一一個爲我工作的人。