Question

我为我正在为客户开发的wordpress主题创建了一个简单的javascript幻灯片数组。该数组如下所示：

var bca = [
  '',
    '<h2>Heading Number 2</h2><p>Content for section 2</p>',
    '<h2>Heading Number 3</h2><p>Content for section 3</p>',
    '<h2>Heading Number 4</h2><p>Content for section 4</p>'
];

在数组的第一部分我想显示我可以使用此代码显示的最新WordPress博客帖子：

<?php 
    $recent_posts_query = new WP_Query(array('post_type' => 'post', 'posts_per_page' => 3));
    while ($recent_posts_query->have_posts())
        {$recent_posts_query->the_post();
    ?>
    <?php if (has_post_thumbnail()) : ?>
        <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
            <?php the_post_thumbnail(); ?>
        </a>
    <?php endif; ?>
    <h2>
        <a class="frontpage-posth2" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
    </h2>
    <a href="<?php the_permalink(); ?>" class="blog-btn">READ MORE...</a>
    <div class="clearfix"></div>
<?php
   }
?>

当然，我不能只是将它粘贴在数组中，但只是想知道是否有人有任何想法或任何有关的教程将允许我在上面的数组中添加它！非常感谢

Phillip Dews

Answer 1

你可以在你的javascript中有一个数组，它是在php中动态生成的。

<?php

$array = ['apple', 'banana', 'orange'];

$arrayPhp = json_encode($array);
echo "<script type='text/javascript'>

var arrayJs = $arrayPhp;

console.log(arrayJs);
console.log(arrayJs[0]);

</script>"
 ?>

php代码块在简单的JavaScript数组innerHtml中

1 个答案: