2014-02-26 102 views
0

我有一個帶有通過javascript控制的選項卡視圖的網站。在禁用JS的情況下,這些選項卡會彼此垂直對齊。在document.ready中,調用了一個函數,將標籤重新排列爲彼此重疊,因此您必須單擊標籤標題才能顯示內容。在沒有javascript修改的情況下打印

當我打電話給window.print的元素不會顯示,就像他們將沒有JavaScript,但相互超越對網站的紙質版本是不理想的。

有沒有另外的方法,還是我必須重新排列項目回到他們看起來像沒有JS之前調用window.print?

編輯: 一般來說它的工作原理是這樣的:

$(document).ready(function() 
{ 
    $('.btn1').click(function() 
    { 
     $('.tile2').css('display', 'none'); 
     $('.tile1').css('display', 'block'); 
    }); 
    $('.btn2').click(function() 
    { 
     $('.tile1').css('display', 'none'); 
     $('.tile2').css('display', 'block'); 
    }); 
    $('.tile2').css('display', 'none');     
}); 

http://jsfiddle.net/MK77j/

+0

請給我們一些代碼。 HTML,JS和CSS – matewka

回答

2

使用打印的CSS覆蓋JS應用的樣式。

<link rel="stylesheet" href="print.css" type="text/css" media="print" /> 
相關問題