点击按钮不会打印任何文字



点击按钮不打印任何我需要帮助才能在wordpress上打印内容的内容

在标题上.php我把这个放在

<script>
$('.print-button').on('click', function() {  
window.print();  
return false;
});
<script>

在任何弹出插件的文本中,我都写了这个

<button class="print-button">Print this page</button>

但它不打印任何东西,请帮助

你需要将你的jquery代码包装在jquery的onload中:

<script>
$(function () {
$('.print-button').on('click', function() {  
window.print();  
});    
});
<script>

您可能还应该为按钮提供类型button,以省略任何可能不需要的副作用,如果按钮放置在表单或类似内容中:

<button class="print-button" type="button">Print this page</button>

在这里阅读更多关于它的信息: https://api.jquery.com/ready/

如果您在使打印按钮工作时遇到问题,请执行这些操作,

1. 内联方式:

<button class="print-button" onclick="window.print()">Print this page</button>

2. 将脚本移到底部

<body>
...
...
...
<script href="jquery.js"></script>
<script>
$('.print-button').on('click', function() {  
window.print();  
}); 
</script>
</body>

你需要用jQuery代替$,并使用wordpress钩子来添加javascript。 将此代码放入您的主题functions.php

add_action( 'wp_footer', function(){
?>
<script>
jQuery(document).on('click', '.print-button', function() {  
window.print();  
return false;
});
<script>
<?php
});
<script src="jquery.js"></script>
<script>
$.noConflict();
jQuery(function () {
jQuery('.print-button').on('click', function() {  
window.print();  
});    
});
</script>

最新更新