Question

我对php很新，所以原谅缺乏知识。

目前我正在尝试将一个小的javascript文件添加到子主题中。我已将以下代码添加到子项的functions.php文件中。

 if ( is_page_template( 'page-templates/edit-profile.php' ) ) {

        function add_form_unlock() {
            wp_enqueue_script(
                'form_unlock',
                $get_stylesheet_directory_uri() . '/js/form_unlock.js',
                array( 'jquery'),
                '1.1',
                true
            );   
        }
        add_action( 'wp_enqueue_scripts', 'add_form_unlock' );
        }

我的javascript是

var pass1 = "QuL7eD";

function check(){
   var pass2 = document.getElementById("password").value;
     if (pass1 == pass2) {
             document.getElementById("button").disabled = false;
             document.getElementById("test").disabled = false;

   }
}

我已经在test.html文件中成功运行了javascript，因此很明显它只是没有在wordpress模板中运行。

任何帮助都会很棒！

Answer 1

不要在IF语句中包装WordPress Hooks / Filters。 if语句返回false，因为在评估functions.php文件时，你不在模板内部。

if语句应该在你的add_form_unlock函数中，如下所示：

 function add_form_unlock() {
     if ( is_page_template( 'page-templates/edit-profile.php' ) ) { 
          wp_enqueue_script(
               'form_unlock',
               get_stylesheet_directory_uri() . '/js/form_unlock.js',
               array( 'jquery'),
               '1.1',
               true
         );   
      }
 }

add_action( 'wp_enqueue_scripts', 'add_form_unlock' );

在functions.php中导入javascript无法正常工作

1 个答案: