2011-07-04 75 views
4

我在我的網站上使用Twitter自己的搜索小部件(可以看到here),它包含在許多切換標籤中的一箇中,基本上由隱藏和顯示的div組成根據哪個鏈接點擊。顯示設置爲無時,不會填充Twitter小部件

這裏不需要代碼,因爲這是一個非常簡單的情況來解釋,基本上Twitter的飼料沒有被填充新的推文,當它被包含在一個有display:none的div中時。

您可以通過進入Twitter小部件演示頁面並將其隱藏在元素檢查器中來查看此內容。等待幾秒鐘,然後再次顯示,您將能夠看到沒有新條目,只有一堆點綴的邊框。

即使隱藏飼料,我如何確保飼料正在填充?

謝謝。

回答

2

爲什麼不使用一些jQuery來 hideshow小部件...不訴諸改變css?就像..

$('#example-preview-widget').hide(); 
$('#example-preview-widget').show(); 

這對我在控制檯與你提到的問題工作。

編輯

更多的測試後,我可以看到上面不起作用。我沒有找到一個解決(我認爲)...

而不是使用hide()show()display:none的,請嘗試使用

position:absolute; 
left:5000px; 

或類似的東西來定位div關閉屏幕。然後,您可以將其切換回原位。

在控制檯中測試時,這會保持推文加載。

+0

-1:( 「DERP」)。'$隱藏();'改變CSS反正應用CSS'顯示:無;'。 http://docs.jquery.com/Hide – ANeves

+0

@ANeves謝謝。我明白那個。但是,如果沒有任何代碼並且假設OP在他的CSS中設置了「display:none;」並且導致了這個問題,我提出了上面的......在控制檯中測試時,不會導致他的問題。 –

+0

我看到沒有區別,在FF5 +螢火蟲。我得到了同樣的結果:添加'display:none;'給他的元素一段時間,然後放回原樣顯示內容;並使用'$('.twtr-widget')。hide();'然後'.show();'在一段時間後具有相同的行爲。但你似乎正在獲得不同的行爲?奇。 – ANeves

1

收縮股利下降到什麼,隱藏溢出:

#your-div { 
    height: 0; 
    overflow: hidden; 
} 
相關問題