Question

我在我的网站上使用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很难做我想做的事情，但是当涉及到这些东西时，我总是一个新手。任何帮助都会很棒！

Answer 1

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

修改

已经回答here。但是，我没有意识到你在iframe中加载的内容并非来自你自己的域名，所以你将陷入跨网站脚本事件，这是不允许的。

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

显示/隐藏Iframe

1 个答案: