圖片隨機無法正確設置高度

我有一個特別惱人的前端錯誤，我似乎無法正確診斷，更不用說在多次嘗試後修復。你應該能夠看到在http://fmhgifts.com它的一個例子，其中在頁面底部的產品圖片不能始終如一地展示自己的正確的高度尺寸在這裏看到：圖片隨機無法正確設置高度

Incorrectly displayed

正如你可以看到有沒有按」 t似乎是圖像受到影響的任何一致性，甚至不會在頁面的每個負載上。作爲參考，應該是這樣的：

Correctly displayed

還應當指出的是，通過「分類項按」點擊在任何選項下拉菜單，然後使其正常工作！

任何關於此問題的幫助都將無限讚賞，因爲我已經在這方面花了很多時間（儘管我遠離CSS專家），我希望有經驗的人能夠幫助我找出問題。

來源

2013-10-16 Mhoad

聽起來像也許你有基於圖像的位置/大小爲你做定位，當一些元素只是部分加載時，javascript運行，帶有不正確的信息。 –

你可以將jQuery移動到'$（window）.load（function（）{...}）'來測試。 –

請嘗試產生一個最小的測試用例，或者至少在這裏發佈相關的代碼片段。另請參閱：[我的網站或項目中的某些內容不起作用。我可以直接粘貼一個鏈接嗎？]（http://meta.stackexchange.com/q/125997/186560） – apsillers

所以解決這個問題的方法是稍微調整一下這個javascript的代碼是如何調用的。凡原代碼：

jQuery(document).ready(function(){ 
    jQuery('#portfolio').isotope({ 
     // options 
     itemSelector : '.item', 
     layoutMode : 'fitRows' 
    }); 
    jQuery('.option-set').find('a').click(function(){ 
       if (jQuery(this).hasClass('selected')) { 
         return false; 
        } 
        jQuery(this).parents('.option-set').find('.selected').removeClass('selected'); 
       jQuery(this).addClass('selected'); 
    }); 
    jQuery('#filters a').click(function(){ 
     var selector = jQuery(this).attr('data-filter'); 
     jQuery('#portfolio').isotope({ filter: selector }); 
     return false; 
    }); 

});

從

jQuery(document).ready(function(){...}

改變第一線

$(window).load(function(){..}

解決它遇到的問題。感謝大家幫助我幫助我實現這一目標。非常感謝。

來源

2013-10-16 06:27:11 Mhoad

圖片隨機無法正確設置高度

回答

相關問題