javascript - 使 google +1 按钮像父 div 一样隐藏

Question

我有一个模态框 div，它具有可见性：隐藏；5s 后，由于 javascript 函数，它出现了。在那个 div 里面，我有 google 加一个按钮的代码，但问题是在模态框弹出之前，该按钮已经可见。我希望它与模式框同时出现（页面加载后 5 秒，而不是立即出现）。有没有办法做到这一点？

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall" callback="g_click_function"></g:plusone>
<script>
    function g_click_function(){
        document.getElementById('greet_block_close').click();
    }
</script>

Answer 1

首先，在<script>标签中添加一个 id，例如mygone：

<script id="mygone" type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

然后，如果您使用 jQuery（或用于正文的 onload）在页面加载时隐藏它：

$('document').ready(function()
{
   $('#mygone').next().hide();
});

最后，当您准备好展示它时，运行以下代码：

$('#mygone').next().show();

我还在 JSFiddle 中为您创建了一个示例：http: //jsfiddle.net/EDTdY/2/。