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>

此脚本目前有效。它在一个新的标签中打开谷歌作为占位符，直到我知道如何使它打开与href相同的结果。

现在我无法理解的是如何设置＆＃39; $ phpVar＆＃39;与＆＃39; href＆＃39;具有相同的效果我之前展示的不是＆＃39; http://www.google.com＆＃39;;

Answer 1

不确定WordPress对此的处理方式，但鉴于the_field('portfolio_title');返回有效的URL，您可以简单地将JavaScript变量分配给此变量的输出。

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

在jQuery中使用PHP变量作为变量

1 个答案: