是否有可能在javascript中传递一些PHP变量，以便稍后使用？
仅在中single.php.
我听说了wp_enqueue_scripts 但是，有必要声明JS文件的路径，但我不需要。
将PHP变量传递给javascript
3 个回复
最合适的回答,由SO网友:Johannes Pille 整理而成
最佳实践方法wp_localize_script, 正是为了做到这一点。
但它确实需要以前使用wp_enqueue_scripts，因此您确实需要将JS移动到单独的文件中
当然，这几分钟的努力是值得的。
function wpse_96370_scripts()
{
if ( is_single() ) {
wp_register_script(
\'your_script_handle\',
get_template_directory_uri() . \'/js/your-script.js\',
array( /* dependencies*/ ),
1.0,
true
);
wp_enqueue_script( \'your-script-handle\' );
$script_params = array(
/* examples */
\'post\' => 99,
\'users\' => array( 1, 20, 2049 )
);
wp_localize_script( \'your-script-handle\', \'scriptParams\', $script_params );
}
}
add_action( \'wp_enqueue_scripts\', \'wpse_96370_scripts\' );
var posts = scriptParams.post,
secondUser = scriptParams.users[1]; /* index starts at 0 */
// iterate over users
for ( var i = 0; i < scriptParams.users.length; i++ ) {
alert( scriptParams.users[i] );
}
我创建了一个新的db表response.id来自facebook api的。这是表：action\\u id、user\\u id、post\\u id、fb\\u id，其中fb\\u id是响应。来自facebook操作的id。然后是单曲。php我有一个按钮，如果我按下，我必须用api删除fb操作：FB.api(\'/\'+fb.response, \'delete\'); 哪里fb.response 应该是fb_id 从表中。
将以下主题/js/ 文件夹，如果不存在，请创建它
让我们调用文件fb-response.js:
jQuery( \'#button_id\' ).click( function() {
FB.api( \'/\' + fbParams.id, \'delete\' );
});
$fb_id:wp_register_script(
\'fb-response\',
get_template_directory_uri() . \'/js/fb-response.js\',
array( \'jquery\' ),
1.0,
true
);
wp_enqueue_script( \'fb-response\' );
wp_localize_script( \'fb-response\', \'fbParams\', array( \'id\' => $fb_id ) );
SO网友:tfrommen
阅读了您的评论后，我了解到您希望这样做：
// Do something to get the ID
$facebook_id = ...
// Create and print the button
echo \'<input onclick="FB.api(\'/\'+\'.$facebook_id.\', \'delete\')" />\';
SO网友:GWorking
https://developer.wordpress.org/reference/functions/wp_add_inline_script/ 现在应该是首选
编辑：从上面的文档：
function mytheme_enqueue_typekit() {
wp_enqueue_script( \'mytheme-typekit\', \'https://use.typekit.net/.js\', array(), \'1.0\' );
wp_add_inline_script( \'mytheme-typekit\', \'try{Typekit.load({ async: true });}catch(e){}\' );
}
add_action( \'wp_enqueue_scripts\', \'mytheme_enqueue_typekit\' );
然而，这段代码只生成以下内容
<script type="text/javascript" src="https://use.typekit.net/.js?ver=1.0"></script>
<script type="text/javascript"> try{Typekit.load({ async: true });}catch(e){} </script>
<script>
my_global_variable.data1 = {{ custom_timber_function()|json_encode }}
</script>
$twig->addFunction(new Timber\\Twig_Function(\'custom_timber_function\', function () {
return [
\'theme\' => get_stylesheet_directory_uri(),
];
}));
结束