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

JQuery打印按钮没有显示

回答

相关问题