Add JQuery As Code Snippet

时间:2019-07-23 作者:Dorian

我想为购物车中的特定产品添加Woocommerce签出页面的jquery代码片段,但我对如何将代码改编为wordpress感到困惑。有什么想法吗?代码如下:

 add_action( \'woocommerce\');
function woocommerce() {
$product_id = 18; // a specific product ID you would like to check
if( WC()->cart->find_product_in_cart( WC()->cart->generate_cart_id( 
$product_id ) ) ) {

  <!-- JQuery Code -->
  <script type="text/javascript">
  var jq = jQuery.noConflict();
  jq(window).load(function(){
  jq(\'#email\').on(\'input\', function() {
  jq( "div.tip" ).show();
  jq( "#h2" ).show();
  });
  jq(\'div.tip\').hide();
  jq( "#h2" ).hide();
  });
  </script>
  <!-- JQuery Code -->

   }
}

1 个回复
SO网友:dado

创建js文件并将其添加到子主题脚本文件夹中。然后只需向函数添加代码。php,例如,如果页面是checout wp\\u,请将该文件排队。

示例:https://sridharkatakam.com/how-to-load-woocommerce-css-and-js-only-on-shop-specific-pages-in-wordpress/

相关推荐

如何使用jQuery验证将搜索栏设置为只接受特定输入?

我对wordpress这个世界还不熟悉。有人建议我使用下划线给出的基本主题作为起始主题。我搜索栏是我的网站的基础,所以我想对其进行自定义,以便只接受用户的特定输入。特别是,唯一可接受的输入必须是xay 哪里x 和y 是介于1和999之间的数字,并且a 必须是字母a。接受输入的示例:1a2、222a999、130a28。我读文章How do I add a simple jQuery script to WordPress? 和How to Properly Add jQuery Scripts