Question

按钮onclick不打印任何我需要帮助来打印wordpress上的内容

在header.php上的

我放置了这个

<script>

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

<script>

并且在任何弹出插件的文本里面我写这个

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

但它没有打印任何请帮助

Answer 1

你需要将你的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/

Answer 2

如果您无法使打印按钮起作用，请执行以下操作，

<强> 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>

Answer 3

您需要使用jQuery代替$并使用wordpress hooks添加javascript。将此代码放在主题functions.php

中

add_action( 'wp_footer', function(){
?>
 <script>

   jQuery(document).on('click', '.print-button', function() {  
    window.print();  
    return false;
  });

<script>
<?php
});

Answer 4

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

按钮onclick不会打印任何wordpress

4 个答案: