使谷歌+1按钮隐藏像父div

时间:2011-10-07 22:59:04

标签: javascript css google-plus-one

我有一个模态框div,它具有可见性:隐藏;并且在5s之后它出现了感谢javascript函数。在那个div中,我有谷歌加一个按钮的代码,但问题是在弹出模态框之前,按钮已经可见。我希望它与模态框同时出现(页面加载后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>

1 个答案:

答案 0 :(得分:0)

首先,在<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/