使用jQuery .hide（）

Question

我建立一個網站，客戶端，但我已經遇到了jQuery的.hide()功能的奇怪的錯誤奇怪的問題

如果你看看這個sample url並單擊縮略圖中的任何一個你會看到圖像與左側對齊。現在，如果你打開或切換到任何其他瀏覽器選項卡，然後回到示例url的圖像居中......

圖像應居中，並工作得很好，直到我加入;

$(".single-content-overlay").hide(); 

到我的腳本文件...

任何人有任何想法，爲什麼這可能發生，我如何能夠解決？

Answer 1

你有一個CSS問題（可能是由你的幻燈片JavaScript庫產生的）。當瀏覽器再次獲得焦點時，將重新計算<li>的寬度。這：

<li class="slide flex-active-slide" style="width: 0px; float: left; display: block;"> 
    <img alt="#" src="http://www.robotwp.com/clintenglish/wp-content/themes/clintenglish/images/samples/marley.jpg"> 
</li> 
<li class="slide" style="width: 0px; float: left; display: block;"> 
    <img alt="#" src="http://www.robotwp.com/clintenglish/wp-content/themes/clintenglish/images/samples/marley.jpg"> 
</li> 

變爲這樣：

<li class="slide flex-active-slide" style="width: 1088px; float: left; display: block;"> 
    <img alt="#" src="http://www.robotwp.com/clintenglish/wp-content/themes/clintenglish/images/samples/marley.jpg"> 
</li> 
<li class="slide" style="width: 1088px; float: left; display: block;"> 
    <img alt="#" src="http://www.robotwp.com/clintenglish/wp-content/themes/clintenglish/images/samples/marley.jpg"> 
</li> 

同樣的情況發生在Chrome，Firefox和IEXPLORER（所有的最新版本）。我幾乎可以肯定，這是一個問題（或功能？）與您的幻燈片庫。嘗試手動定義<li>的寬度以查看問題是否繼續。