0

我正在为我的网站使用 wordpress，并且我正在尝试设置我的页面，以便用户必须单击一个按钮才能查看内容。是的，显示/隐藏等非常简单，但我希望用户单击的按钮是这个http://www.facebook.com/plugins/like.php

要在我的页面中显示它，我需要使用一个 iframe，这是它变得棘手的地方。我已经设置了显示/隐藏代码，这样当用户单击类似按钮（或 iframe 中的任何位置）时，它将显示内容。但是，没有这样的运气！

这是我的代码

<div id="imagebox" style="display:none;"><?php $image = wp_get_attachment_image_src(get_field('image'), 'full'); ?>
                                <img src="<?php echo $image[0]; ?>" alt="<?php get_the_title(get_field('image')) ?>" /> </div>

    <div onclick="ShowDiv()"><iframe src="http://www.facebook.com/plugins/like.php?  href=http://www.facebook.com/BrandBang&amp;" allowTransparency="true">
            </iframe></div>

    <script language="javascript">
    function ShowDiv()
    {
    document.getElementById("imagebox").style.display = '';
    }
    </script>

我知道很难使用 iframe 来做我想做的事情，但是当涉及到这些东西时，我是一个完全的新手。任何帮助都会很棒！

4

1 回答 1

0

试过给你的 div 一个id="imagebox"吗？

编辑：

这已经在这里回答了。但是，我乍一看并没有意识到您在 iframe 中加载的内容不是来自您自己的域，因此您将陷入跨站点脚本事件，这是不允许的。

Afaik，您必须以某种方式重新设计您的实现。例如，您可以使用 curl 从 facebook 检索生成的 html，然后在您自己的 div 中输出。像这样的东西应该工作。

于 2012-06-06T13:25:21.647 回答