在functions.php中导入javascript不起作用

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; 

    } 
} 

我已经运行成功那么清楚它只是没有在WordPress模板运行的test.html文件中的JavaScript。

任何帮助将是伟大的！

Answer 1

不要在WordPress语句中包含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');