如何向WordPress添加一個簡單的jQuery腳本？我讀過Codex和幾篇關于在WordPress中使用jQuery的博客文章，它非常令人沮喪。我已經將jQuery加載到functions.php文件，但所有的指南都是糟糕的，因為他們認為你已經有了大量的WordPress經驗。例如，他們說現在我正在通過functions.php文件，現在我所要做的就是加載jQuery。我到底該怎么做？具體而言，我要向哪些文件添加代碼？如何為一個WordPress頁面添加它呢？
3 回答
米琪卡哇伊
TA貢獻1998條經驗 獲得超6個贊
查找主題目錄，在目錄中為自定義js創建一個文件夾( 本例中的定制js).
將您的自定義jQuery放在這個目錄中的.js文件中( 本例中的jQuery_test.js).
請確保您的自定義jQuery.js如下所示： (function($) {$(document).ready(function() {$('.your-class').addClass('do-my-bidding');})})(jQuery);轉到主題目錄，打開 Functions.php在頂部附近添加一些代碼，如下所示： //this goes in functions.php near the topfunction my_scripts_method() {// register your script location, dependencies and version wp_register_script('custom_script', get_template_directory_uri() . '/custom_js/jquery_test.js', array('jquery'), '1.0' ); // enqueue the script wp_enqueue_script('custom_script'); }add_action('wp_enqueue_scripts', 'my_scripts_method');檢查您的網站，以確保它的工作！
婷婷同學_
TA貢獻1844條經驗 獲得超8個贊
家長主題：
add_action( 'wp_enqueue_scripts', 'add_my_script' );function add_my_script() {
wp_register_script(
'parent-theme-script',
get_template_directory_uri() . '/js/your-script.js',
array('jquery')
);
wp_enqueue_script('parent-theme-script');}兒童主題：
add_action( 'wp_enqueue_scripts', 'add_my_script' );function add_my_script() {
wp_register_script(
'child-theme-script',
get_stylesheet_directory_uri() . '/js/your-script.js',
array('jquery')
);
wp_enqueue_script('child-theme-script');}- 3 回答
- 0 關注
- 659 瀏覽
添加回答
舉報
0/150
提交
取消