javascript - 使用 PHP 变量作为 jQuery 中的变量

Question

我很难理解如何导入特定变量以与 jQuery 一起使用。

Wordpress 主题上的一些链接正在使用

<?php  if( get_post_meta($post->ID, "portfolio_link", true) ): ?> 
            <h1 class="portfolio-title">
                <a target="_blank" href="<?php the_field('portfolio_link'); ?>">
                    <?php the_field('portfolio_title'); ?> <span class="sosa-icon">p</span>
                </a>
            </h1>
            <!--get PDF if not empty-->
        <?php else: ?>
            <h1 class="portfolio-title"><?php the_field('portfolio_title'); ?></h1>
<?php endif; ?>

如您所见，href 设置为

href="<?php the_field('portfolio_link'); ?>"

现在我有一个 jQuery 脚本如下

    <script>
  <?php  if( get_post_meta($post->ID, "portfolio_link", true) ): ?> 
  <?php

$phpVar = 'http://www.google.com';
  echo "var phpVariable = '{$phpVar}';";

?>
  jQuery(".box").click(function() {

    window.open(phpVariable);
});

  <?php endif; ?>
</script>

该脚本当前有效。它在新选项卡中打开 google 作为占位符，直到我知道如何使其打开与 href 相同的结果。

现在我不明白的是如何设置 '$phpVar' 具有与我之前显示的 'href' 相同的效果，而不是 ' http://www.google.com ';

Answer 1

不确定 WordPress 是如何处理这个问题的，但考虑到 the_field('portfolio_title'); 返回一个有效的 URL，您可以简单地将这个变量的输出分配给 JavaScript 变量。

var phpVariable = "<?php the_field('portfolio_link'); ?>";