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

Question

我有一个模态框 div，它具有可见性:隐藏； 5 秒后，由于 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/ .