在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');