点击按钮不打印任何我需要帮助才能在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>