高级自定义字段数据未显示在 Wordpress 的 Fancybox 中答案

【问题标题】：Advanced Custom Field data not showing in Fancybox in Wordpress高级自定义字段数据未显示在 Wordpress 的 Fancybox 中
【发布时间】：2014-09-24 01:40:36
【问题描述】：

我正在使用 Wordpress 中的高级自定义字段插件将带有链接的图像（也用于为自定义视频播放器添加嵌入代码）输出到存档页面上的帖子中。自定义字段的输出代码放置在隐藏的 div 中，然后在单击 .watchsession 链接时加载到 fancybox 中。问题是，调用时 ACF 内容不会加载到 fancybox 中。如果我将代码放在它显示的隐藏 div 之外。不知道我哪里出错了。代码如下！

干杯，

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>    

<a id="fancybox-button" href="#fancybox-content" class="watchsession" title="<?php the_title(); ?>">Watch</a>
<div style="display: none;">
   <div id="fancybox-content" style="width:600px; height:400px;overflow: hidden;">
   <img src="<?php the_field('upload_screenshot'); ?>"/>
   </div>
</div>
</article>

<script type="text/javascript">
                    ( function($) {
$(document).ready(function() {
    $("#fancybox-button").fancybox({
helpers : {
        title : {
            type: 'inside',
            position : 'top'
        }
    },
        'transitionIn'  : 'elastic',
        'transitionOut' : 'elastic',
    });
});
    } ) ( jQuery );
</script>

【问题讨论】：

它适用于我jsfiddle.net/gy5z9/2，有任何控制台错误吗？
您能否确认自定义字段数据是否加载成功，因为看起来您正试图在循环外加载它，如果是这种情况，那么您还必须传递 $Post_id 来获取数据。跨度>
没有控制台错误。如果我在加载页面时检查 HTML，高级自定义字段数据会出现在隐藏的 div 中（图像链接），但不会被fancybox 拾取？自定义字段数据在循环内。脚本在页脚中。该网站目前处于维护模式，因此无法公开访问，否则我可以提供更多信息！存档页面上有多个帖子，如果有多个指向 fancybox 的链接，会不会影响它？

标签： javascript jquery wordpress fancybox advanced-custom-fields

【解决方案1】：

想通了，需要给每个帖子一个唯一的ID，所以将打开链接的href更改为fancybox中的帖子id和div id，然后修复它！

干杯

【讨论】：