时间戳

首页 > 解决方案 > 使用 php 将 iframe（谷歌地图）添加到 jquery

jquery - 使用 php 将 iframe（谷歌地图）添加到 jquery

问题描述

此代码有效，但我想使用 PHP，因此我可以在 wordpress 设置中进行控制。

<script type="text/javascript">
        jQuery('document').ready(function(){
            setTimeout(function(){
                var meps = '<iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2209.031679248075!2d22.554804516065!3d56.381033750830454!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46ef7f4796620a77%3A0xb28151d9fd19376d!2sDariaus%20ir%20Gir%C4%97no%20g.%2C%20Lai%C5%BEuva%2089475!5e0!3m2!1sen!2slt!4v1629095714907!5m2!1sen!2slt" width="600" height="450" allowfullscreen="allowfullscreen"></iframe>';
                jQuery("#mapas").append(meps);
            }, 8000);
        });
    </script>

而且这段代码不起作用，不知道是什么问题。

<?php $map = get_field('map','options') ?>
<script type="text/javascript">
    jQuery('document').ready(function(){
        setTimeout(function(){
            var meps = '<?php echo $map ?>';
            jQuery("#mapas").append(meps);
        }, 8000);
    });
</script>

$map包含 iframe 并打印出地图，但不会“坚持”使用 jquery，为什么？

标签： jquerywordpressadvanced-custom-fields

解决方案

尝试在函数footer.php之后在活动主题的文件中添加相同的代码wp_footer()。

如果可行，则意味着在执行此代码时未加载 jquery。

推荐阅读