Php 按钮onclick不打印任何内容wordpress_Php_Wordpress

Php 按钮onclick不打印任何内容wordpress

php wordpress

Php 按钮onclick不打印任何内容wordpress,php,wordpress,Php,Wordpress,按钮onclick不打印任何内容我需要帮助才能在wordpress上打印内容在header.php中，我放置这个 <script> $('.print-button').on('click', function() { window.print(); return false; }); <script> $（'.print button'）。在（'click'，function（）{ window.print（）；返回false； }); 在

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

在header.php中，我放置这个

<script>

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

<script>


$（'.print button'）。在（'click'，function（）{
window.print（）；
返回false；
});

在任何弹出式插件的文本中，我写下

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

打印此页

但它不会打印任何内容请帮助

您需要将jquery代码包装在jquery的onload中：

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

请在此处阅读更多信息：

如果无法使“打印”按钮正常工作，请执行以下操作：

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>


...
...
...
$（'.print button'）。在（'click'，function（）{
window.print（）；
});

您需要使用

jQuery

代替

，并使用wordpress挂钩添加javascript。将此代码放入主题

functions.php

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

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

<script>
<?php
});

add_操作（'wp_footer'，function（）{
?>
jQuery（文档）.on（'click'，'print button'，function（）{
window.print（）；
返回false；
});

$.noConflict（）；
jQuery（函数（）{
jQuery（'.print button'）。在（'click'，function（）{
window.print（）；
});    
});
打印对话框出现了吗？没有显示任何内容在关闭
标记之前放置脚本您可以编写完整的脚本吗？这将非常好，可以将脚本放置在页眉或页脚上，按钮位于任何弹出插件的内部。脚本基本上可以放置在任何位置。您对脚本的理解是什么“按钮位于任何弹出插件的内部"？你需要告诉我们所有的细节。它会打印整个页面。我只想打印弹出窗口中的内容。只需添加一个print.css，在其中隐藏所有不应该打印的内容。一个好的答案包含解释，比如你更改了什么以及为什么，而不仅仅是一段代码。如果OP在主题的页眉或页脚中添加了JS代码，不需要在任何钩子中添加它。无论如何，你不应该像那样添加JS。你应该创建一个JS文件，使用wp\u enqueue\u script（）加载@MagnusEriksson当然我用这个代码片段来添加内部js和css，因为我不想让服务器发出新的请求，用2行或3行代码加载js和css文件。那么你最好直接把它放在页眉或页脚文件中，而不是用PHP添加js和css。@MagnusEriksson是的，我完全同意你的意见，bu有时这是开发人员的开销，从开发人员的角度来看，我个人对更新主题文件不感兴趣，因为我们得到了主题更新。
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>