📅  最后修改于: 2023-12-03 14:48:32.637000             🧑  作者: Mango
在Wordpress开发中,你可能需要将一些参数变量传递给入队脚本,以实现一些特定的功能。这种情况下,你需要使用PHP来完成这个任务。下面是如何在Wordpress中将参数变量传递给入队脚本的方法。
首先,在主题的functions.php文件中添加以下内容:
function wp_enqueue_scripts_params() {
$my_var = 'my-var-value';
wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/js/custom-script.js', array('jquery'), null, true );
wp_localize_script( 'custom-script', 'my_var', $my_var );
}
add_action( 'wp_enqueue_scripts', 'wp_enqueue_scripts_params' );
这段代码使用了wp_localize_script()函数来定义参数变量my_var,并将它传递给名为custom-script的脚本。在你编写的脚本中,你可以使用my_var变量来获取传递来的参数值。
例如,在js/custom-script.js文件中,你可以这样使用my_var变量:
console.log(my_var);
当这个脚本被加载时,它将输出"my-var-value"到浏览器的控制台。
在上面的例子中,我们为脚本传递了一个简单的字符串参数。你也可以传递一个复杂的对象。例如:
function wp_enqueue_scripts_params() {
$my_var = array(
'color' => 'blue',
'size' => 'large'
);
wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/js/custom-script.js', array('jquery'), null, true );
wp_localize_script( 'custom-script', 'my_var', $my_var );
}
add_action( 'wp_enqueue_scripts', 'wp_enqueue_scripts_params' );
在你的脚本中,你可以像这样获取参数对象的具体值:
console.log(my_var.color);
这将输出"blue"到控制台。
总之,在Wordpress中将参数变量传递给入队脚本是一个非常有用的技术,可以帮助你更好地控制你的网站的行为和外观。希望上面的例子可以帮助你更好地理解如何实现这个功能。