JS文件未在Wordpress網站上加載

Question

抱歉，我真的不知道.js內容。 我主要是一名設計師，到目前為止，從來不需要使用任何js。

我很快就要在Wordpress中為客戶建立一個站點，它們具有基於幻燈片的計算功能，我需要從他們的舊站點中提取這些函數。 唯一的麻煩是，我將使用不同的主題來構建網站，因此功能需要重新集成到新主題中。

麻煩的是，在測試這一點時，我可以使幻燈片出現，但它們實際上並沒有做任何事情-看來問題在於相關的.js文件未加載。 它已放置在THEME / assets / js /似乎應該存在的位置，並且我在functions.php中添加了以下內容：

wp_enqueue_script( 'rangeslider-js', get_template_directory_uri() . '/assets/js/rangeslider.js', array( 'theme-js' ), '1.0', false);

誰能指出我做錯了什么方向？ 對不起，我很業余-我希望以上所述是合理的……！

Answer 1

可能是未加載jquery或與其他內容發生沖突。

嘗試

function myFunction(){
wp_enqueue_script( 'rangeslider-js', get_template_directory_uri() . '/assets/js/rangeslider.js', array( 'jquery','theme-js' ), '1.0', false);
}
add_action( 'wp_enqueue_scripts', 'myFunction' );

Answer 2

因此，首先檢查頁面上的源代碼，並確保確實沒有源代碼。如果是源代碼，請確保該路徑實際鏈接到源代碼文件。 如果只是不存在，請考慮您的陳述：

wp_enqueue_script( 'rangeslider-js', get_template_directory_uri() . '/assets/js/rangeslider.js', array( 'theme-js' ), '1.0', false);

嘗試用NULL替換array（'theme-js'）-只是看看它是否可以顯示它。

wp_enqueue_script( 'rangeslider-js', get_template_directory_uri() . '/assets/js/rangeslider.js', NULL, '1.0', false);

該參數要求首先加載帶有句柄“ theme-js”的javascript文件，否則您的腳本甚至不會嘗試加載。 將其替換為NULL將刪除所需的條件，並且wordpress將加載您的腳本（如果存在）。

如果那允許您加載腳本，請檢查並確保先決條件腳本已加載，並使用句柄“ theme-js”查看其是否已加載