2023-06-11 / 420阅
WordPress中使用JQuery可以通过两种方式,一种是直接在主题或插件中引入JQuery库,另一种是使用WordPress自带的JQuery库。
首先,在主题或插件的 functions.php
文件中添加以下代码引入JQuery库:
function custom_scripts() {
wp_enqueue_script( 'jquery' );
}
add_action( 'wp_enqueue_scripts', 'custom_scripts' );
然后,在需要使用JQuery的地方,我们可以直接写JQuery代码,例如:
jQuery(document).ready(function(){
// 在文档加载完成后执行以下代码
jQuery('button').click(function(){
alert('Hello World!');
});
});
WordPress自带了JQuery库,我们可以直接通过以下代码调用:
function custom_scripts() {
wp_enqueue_script( 'jquery' );
}
add_action( 'wp_enqueue_scripts', 'custom_scripts' );
然后,在需要使用JQuery的地方,我们需要使用 $
符号代替 jQuery
,例如:
$(document).ready(function(){
// 在文档加载完成后执行以下代码
$('button').click(function(){
alert('Hello World!');
});
});
需要注意的是,WordPress自带的JQuery库可能不是最新版本,如果需要使用最新版本的JQuery库,可以在主题或插件中引入自己的JQuery库。
阅读文章或者观看视频过程中有任何问题,请下方留言或者联系我Q248758228