我正在将我的静态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 );
这里
theme_script
是我们在wp_enqueue_script上使用的javascript WordPress句柄的名称。themeObj
是JavaScript变量的名称,我们将使用该变量从JavaScript文件访问我们的php数据。$phpData
是我们希望提供的数据数组。现在可以使用themeObj.logo_dark
您的JS文件访问logo_dark值。
$("img").attr("src", themeObj.logo_dark);
有关更多信息,请检查wordpress Codex
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句