直到盤旋時才顯示元素

我正在爲客戶端的網站工作，並且遇到Chrome中的某種錯誤。直到盤旋時才顯示元素

http://timkeaydesign.com/nnc/desktops

如果切換到「網格」視圖，然後刷新頁面，你會看到的頁面應該如何顯示。如果你切換到「列表」視圖，然後回到「網格」視圖，大多數「添加到購物籃」按鈕消失......直到你開始在其他人上徘徊，然後他們逐漸開始重新出現！？

此錯誤只出現在Chrome中。我已經在Firefox，Safari和IE8中測試過了，在這些瀏覽器中看起來很好。

我更新了jQuery並修復了一些javascript錯誤，但這並沒有幫助。

任何想法？

來源

2014-10-28 timkeay

請提供您的JavaScript代碼（具體的顯示（ ''）函數）。取決於代碼的結構，CSS可能是正確的。 – CodeGodie 2014-10-28 14:38:57

+1，甚至更好，在jsfiddle.com上的實例中提供代碼。隔離問題始終是關鍵... – 2014-10-28 14:43:25

它說，這裏粘貼時間太長。如果您查看原始鏈接頁面的頁面源，可以從487行開始，到575結束找到該函數。謝謝。這是默認OpenCart安裝主題附帶的原始代碼。 – timkeay 2014-10-28 14:46:14

您需要刪除Position：Absolutes並修改您的HTML結構的方式。

CSS：

 .product-grid .cart { 
      padding: 10px; 
      display:block; 
     } 

     .product-grid .wishlist, .product-grid .compare { 
      bottom: 70px; 
      z-index: 999; 
     }

JS（動車的底部）：

html += '<div class="wishlist">' + $(element).find('.wishlist').html() + '</div>'; 
    html += '<div class="compare">' + $(element).find('.compare').html() + '</div>'; 
    html += '<div class="cart">' + $(element).find('.cart').html() + '</div>';

來源

2014-10-28 15:30:37 CodeGodie

太好了，謝謝。 – timkeay 2014-10-28 17:09:40

@timkeay沒問題，隨時：P – CodeGodie 2014-10-28 17:21:08

直到盤旋時才顯示元素

回答

相關問題