css sonra siteme birkaç unsurları slayt için flexslider JQuery eklentisi kullanıyorum elemanı

Question

incelemek çalışır. Ayrıca flexslider uygulayan elemanlarda JQuery .click() olay ve fadeIn() fadeOut() efektlerini kullanıyorum.

sitem ateş iyi görünüyor, ama ben krom açtığınızda, slaytlar bir sayfada dizilir. ama beni şaşırtan şey, kromda inceleme elemanını kullandığımda, tıpkı itfaiyede olduğu gibi düzeni doğru olarak ayarlar.

kimse neler olduğunu açıklayabilir?

REDAKTE:

#content{ 
    width: 80%; 
    margin: 2% 10%; 
    padding: 3% 1%; 
    -webkit-border-radius: 10px; 
     -moz-border-radius: 10px; 
      border-radius: 10px; 
    background-color: rgba(255,255,255,0.5); 
    -webkit-box-shadow: 0 2px 3px 0 #aaa; 
     -moz-box-shadow: 0 2px 3px 0 #aaa; 
     box-shadow: 0 2px 3px 0 #aaa; 
    } 
h2{ 
    width: 80%; 
    margin: 5% 10%; 
    color: #808080; 

    font-family: "Lobster", Arial; 
    font-weight: bold; 
    font-size: 5em; 

    line-height: 1em; 
    text-align: center; 
} 

flexslider: Bazı denetimden sonra, düzen, işte genişlik/yükseklik değiştirildiğinde değişir i düzgün görüntülenmez eleman kullanmak css var tamam #content içine yerleştirilir ve slaytların içinde

Answer 1

etiketli öğeler vardır, bazen bu, css veya html'nin kendisinde hatalar varsa olur.

size kodunu kontrol deneyin:

http://validator.w3.org/

http://jigsaw.w3.org/css-validator/

Veya kaydırıcı sayfasının kodunu belirtin.

Answer 2

I .trigger olduktan sonra CSS ('klik')

yüklemez benzer bir sorun vardı ve krom elemanı incelemek kullanıldığında bir suretiyle sorun çözüldü

yüklü

$('#workDone').click(function(){ 

      setTimeout(function(){$('#mefirst').trigger('click');}, 100); //providing delay to buffer load time of css 


      });