JQuery打印按鈕沒有顯示

我對jquery很新穎，我試圖用它在我的非常簡單的網頁底部放置一個打印按鈕，但我無法讓它顯示出來。（我將有更多的內容在頁面上進行打印，我簡單沒有包括它尚未因爲它是沒有必要的），這裏是我的代碼至今：JQuery打印按鈕沒有顯示

<html> 
<head> 
<h1>This is my webpage</h1> 
</head> 
<body> 
<div class="col_2"> 
<script> 
<img src="print.png" class="printMe" alt="Print" title="Print"></a> 
$('.printMe').click(function(){ 
    window.print(); 
}); 
</script> 
<img src="gvsu.png"> 
<a href="https://www.linkedin.com"><img src="linkedin.png" alt="HTML tutorial" width="42" height="42"></a> 
<a href="https://www.twitter.com"><img src="twitter.png" alt="HTML tutorial" width="42" height="42"></a> 
<a href="https://www.facebook.com"><img src="fb.png" alt="HTML tutorial" width="42" height="42"></a> 
</div> 
</body> 
</html>

來源

2014-06-12 Surfer87

我重寫了代碼並添加了jquery庫。這個版本可以正常工作。只需更換您自己的圖像。

<html> 
<head> 
<title>This is your page title</title> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
</head> 
<body> 
<div class="col_2"> 
<h1>This is my webpage</h1> 
<img src="print.png" class="printMe" alt="Print" title="Print" /> 
<img src="gvsu.png" /> 
<a href="https://www.linkedin.com"><img src="linkedin.png" alt="HTML tutorial" width="42" height="42"></a> 
<a href="https://www.twitter.com"><img src="twitter.png" alt="HTML tutorial" width="42" height="42"></a> 
<a href="https://www.facebook.com"><img src="fb.png" alt="HTML tutorial" width="42" height="42"></a> 
</div> 

<script> 
$(document).ready(function() { 
    $('.printMe').click(function(){ 
    window.print(); 
    }); 
}); 
</script> 

</body> 
</html>

來源

2014-06-12 02:44:35

只要把你的<img>代碼在你的HTML和你應該罰款假設你的JavaScript（jQuery）是好的！這裏：

<html> 
<head> 
    <title> Hi </title> 

</head> 
<body> 
    <div class="col_2"> 
    <h1>This is my webpage</h1> 
    <img src="gvsu.png"> 
    <a href="https://www.linkedin.com"><img src="linkedin.png" alt="HTML tutorial" width="42" height="42"></a> 
    <a href="https://www.twitter.com"><img src="twitter.png" alt="HTML tutorial" width="42" height="42"></a> 
    <a href="https://www.facebook.com"><img src="fb.png" alt="HTML tutorial" width="42" height="42"></a> 
    <img src="print.png" class="printMe" alt="Print" title="Print" /> 
    </div> 
</body> 
<script> 
    $(document).ready(function(){ 
    $('.printMe').click(function(){ 
     window.print(); 
    }); 

    })  
</script> 
</html>

編輯：我爲你整理了一下。通常，將腳本保存在頁面的頭部或底部。

來源

2014-06-12 02:42:13

爲了加快頁面加載時間，腳本應該位於頁面的底部，而不是頁眉。只有CSS應該在標題中。 – RaviH

您應該將腳本放入頁腳或等待DOM準備就緒。將腳本包裝在'$（document）.ready（）'中。 – Konsole

JQuery打印按鈕沒有顯示

回答

相關問題