wordpress中的联系表格7如何在正文中包含javascript src

Question

我正在使用 wordpress 和联系表格 7 插件。 我想要完成的是一些下拉菜单填充了自定义 javascript，我知道你可以将它包含在另一个插件“脚本和东西”中。但我想把它放在一个单独的文件中，并使用脚本 src="http://example.org/myscript.js" （使用插件创建的实际表单）将文件包含在联系表单的正文标签中

编辑：我不想将它添加到主题的 footer.php，我希望脚本 src 仅位于单个页面上。不是整个主题

Answer 1

当然，这很简单。有两种方法可以实现这一点，

1. 您可以在 cf7 表单编辑器中的表单底部插入 <script>with your js code</script>，这样脚本仅在表单打印在页面上时加载。但是，请确保您没有在 js 代码中添加任何新行空格，否则 cf7 插件将插入空的 <p></p> 元素，这将在执行时破坏您的代码。或者，

2. 如果您正在运行 WP4.7，您现在可以使用此版本中引入的 do_shortcode_tag 在打印表单的同一页面上实际排队您的脚本，但请记住早先注册该脚本首先，

   add_filter('wp_enqueue_scripts', 'register_my_script');
   function register_my_script(){
     wp_register_script( 'my-script', get_stylesheet_directory_uri() . 'js/my-script.js', array( 'jquery' ), "1.0" , false );
   }
   add_filter('do_shortcode_tag', 'enqueue_my_script',10,3);
   function enqueue_my_script($output, $tag, $attr){
     if('contact-form-7' != $tag){ 
       return $output; //make sure we filter cf7 shortcodes
     }
     if(isset($attr['id']) && '4' == $attr['id']){
       wp_enqueue_script('my-script'); //enqueue if it is form id=4
     }
     return $output;
   }