如何在Jquery中调用php变量

用户名

我正在将我的静态HTML网站转换为wordpress,并且某些图片没有显示。这是因为我使用Jquery更改了图像的“ src”。现在在我的index.php中,我在每个图像src中都添加了bloginfo('template_url')。我的问题是我不知道如何在Jquery中调用它。

在我的PHP代码中,它看起来像这样

  <img src="<?php bloginfo('template_url'); ?>/images/logo-dark.png">

在我的JS代码中,我像这样访问它

$("img").attr("src","images/logo-light.png");

如何在JQuery中调用?TYIA

蒂菲

您可以使用wp_localize_script它来访问JavaScript文件中的php数据。

首先使用注册您的脚本 wp_enqueue_script

wp_enqueue_script( 'theme_script', get_template_directory_uri() . '/assets/js/code.js', array( 'jquery' ), '', true );

然后将您的php变量注册到code.js文件。

$phpData = array(
    'logo_dark' => get_template_directory_uri()."/images/logo-dark.png",
);
wp_localize_script( 'theme_script', 'themeObj', $phpData );

这里

  1. theme_script 是我们在wp_enqueue_script上使用的javascript WordPress句柄的名称。
  2. themeObj 是JavaScript变量的名称,我们将使用该变量从JavaScript文件访问我们的php数据。
  3. $phpData 是我们希望提供的数据数组。

现在可以使用themeObj.logo_dark您的JS文件访问logo_dark值

$("img").attr("src", themeObj.logo_dark);

有关更多信息,请检查wordpress Codex

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章