Question

我试图将一个简单的jQuery脚本加载到WP页脚中（使用Avada子主题）。我以前做过，但没有发生任何事情。有人能发现我的错误吗？

在functions.php：

add_action( 'wp_enqueue_scripts', 'wpalert' ); 
function wpalert() {
wp_register_script('wpalert', '--hardcoded root--', array ( 'jquery' ), null, true);
wp_enqueue_script('wpalert');
}

在我的.js文件中：

$(document).ready(function(){
  alert("test");
})

Answer 1

您需要更改两件事：

1) wp_enqueue_script('wpalert');

通过wordpress文档，您必须使用模式：

function my_function_scripts() {
    wp_enqueue_script( 'wpalert', get_template_directory_uri() . '/js/wpalert.js', array('jquery'));
}

add_action( 'wp_enqueue_scripts', 'my_function_scripts' );

2）要在Wordpress中使用jQuery，您不需要使用冲突模式：

// $() will be the alias for jQuery()
jQuery( document ).ready( function( $ ) {

} );

更多参考资料： https://developer.wordpress.org/reference/functions/wp_enqueue_script/

如何在WordPress中排队jquery脚本

1 个答案: