2011-07-14 69 views
0

我有一個谷歌+1按鈕應該是最初隱藏的div,應該改變點擊事件的可見性。其他的一切在div工作正常,但由於某種原因,該按鈕將不會繼承DIV規則和它保持永久可見:如何隱藏Google +1按鈕?

<div id="sharethisdish"> 
    ... 
     <g:plusone size="small" count="false" ></g:plusone> 
</div> 

我試着給按鈕,在HTML自己的造型以及給予它是一個ID,並在我的CSS頁面中定義樣式,但它似乎沒有遵循任何規則。有誰知道如何改變它的知名度?

+0

這是回答嗎? http://stackoverflow.com/questions/6254100/hide-plusone-button-after-click – Chains

+0

檢查這個帖子一次http://stackoverflow.com/questions/6254100/hide-plusone-button-after-click – Rahul

+0

我只是注意到標題和實際問題似乎相互矛盾。你想隱藏它還是展示它?標題說隱藏,但我認爲這個問題意味着你想讓它始終可見。 –

回答

0

如果隱藏/顯示正在完成onClick,那麼很可能是它內嵌應用樣式。這意味着內聯樣式將覆蓋您的css文件中的一個樣式。

您可以使用!important,我相信應該覆蓋點擊時應用的樣式。

+0

我試圖添加一個!重要的可見性屬性在樣式的div並用一個可見性定義爲可見性的類來包裝按鈕:繼承!重要的,但它似乎沒有工作。有沒有其他方法可以推薦我錯過? –

+0

我不知道那個按鈕的html格式,但'!important'必須是按鈕本身,而不是它所在的元素。 –

0

這應該解決您的問題:

HTML:

<div id="sharethisdish"> 
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> 
<g:plusone size="tall" callback="g_click_function"></g:plusone> 

JS:

var d = document.getElementById("sharethisdish"); 
d.style.display = "none"; 

現在讓onclick事件,這將使d.style.display = 「內聯」;