Autor Zpráva
maresj
Profil *
Dobrý den,

dělám web na WordPressu, který využívá různé jQuery funkce. Na podstránce http://defakto.cz/w2015/projekty/architektura/ se mi stává, že se obsah nezobrazí - má tam být sada fotek, ale ty se často zobrazí až po refreshi, byť od začátku jsou načtené.

Myslíte, že tomu zobrazení brání nějaký plugin? Všechny jsem je povypínal, takže mě napadá, že tomu vadí leda plugin Capty pro hover na obrázcích.

Kdybyste tam viděli něco závadného uvítím každý tip.
tiso
Profil
Add slick.js before your closing <body> tag, after jQuery
maresj
Profil *
Skvělý tiso, zdá se, že jsi na to kápnul. Děkuji mockrát za pomoc!
maresj
Profil *
Tak se zdá, že to tím úplně nebylo. I po přesunu slick.js do patičky ten problém přetrvává. Stránka se napoprvé nenačte celá, až po refreshi.

Patrné je to při otestování stránky přes http://tools.pingdom.com/


Jak se zdá, tak to špatné načítání způsobuje Capty jQuery plugin pro hover efekt obrázků (www.wbotelhos.com/capty/)

Když odeberu kód níže, tak se to načítá korektně. Vidíte v něm něco závadného?

<script type="text/javascript" >
$(document).ready(function(){

 $('#1').capty({
  opacity: .8}
);
 $('#2').capty({
  opacity: .8});
 $('#3').capty({
  opacity: .8});
 $('#4').capty({
  opacity: .8});
 $('#5').capty({
  opacity: .8});
 $('#6').capty({
  opacity: .8});
 $('#7').capty({
  opacity: .8});
 $('#8').capty({
  opacity: .8});
 $('#9').capty({
  opacity: .8});
 $('#10').capty({
  opacity: .8});
 $('#11').capty({
  opacity: .8});
 $('#12').capty({
  opacity: .8});
 $('#13').capty({
  opacity: .8});
 $('#14').capty({
  opacity: .8});
 $('#15').capty({
  opacity: .8});
 $('#16').capty({
  opacity: .8});
 $('#17').capty({
  opacity: .8});
   $('#18').capty({
  opacity: .8});
   $('#19').capty({
  opacity: .8});
   $('#20').capty({
  opacity: .8});
   $('#21').capty({
  opacity: .8});
   $('#22').capty({
  opacity: .8});
   $('#23').capty({
  opacity: .8});
   $('#24').capty({
  opacity: .8});
 $('#25').capty({
  opacity: .8});
 $('#26').capty({
  opacity: .8});
   $('#27').capty({
  opacity: .8});
 $('#28').capty({
  opacity: .8});
 $('#29').capty({
  opacity: .8});
 $('#41').capty({
  opacity: .8,animation: 'fixed'});
 $('#42').capty({
  opacity: .8,animation: 'fixed'});
 $('#43').capty({
  opacity: .8,animation: 'fixed'});
 $('#44').capty({
  opacity: .8,animation: 'fixed'});
 $('#45').capty({
  opacity: .8,animation: 'fixed'});
 $('#46').capty({
  opacity: .8,animation: 'fixed'});
 $('#47').capty({
  opacity: .8,animation: 'fixed'});
 $('#48').capty({
  opacity: .8,animation: 'fixed'});
 $('#49').capty({
  opacity: .8,animation: 'fixed'});
 $('#50').capty({
  opacity: .8,animation: 'fixed'});
 $('#51').capty({
  opacity: .8,animation: 'fixed'});
   $('#52').capty({
  opacity: .8,animation: 'fixed'});
 $('#53').capty({
  opacity: .8,animation: 'fixed'});
   $('#54').capty({
  opacity: .8,animation: 'fixed'});
   $('#55').capty({
  opacity: .8,animation: 'fixed'});
   $('#56').capty({
  opacity: .8,animation: 'fixed'});
   $('#57').capty({
  opacity: .8,animation: 'fixed'});
   $('#58').capty({
  opacity: .8,animation: 'fixed'});
   $('#59').capty({
  opacity: .8,animation: 'fixed'});
   $('#60').capty({
  opacity: .8,animation: 'fixed'});
   $('#61').capty({
  opacity: .8,animation: 'fixed'});
   $('#62').capty({
  opacity: .8,animation: 'fixed'});
   $('#63').capty({
  opacity: .8,animation: 'fixed'});
   $('#64').capty({
  opacity: .8,animation: 'fixed'});
 $('#65').capty({
  opacity: .8,animation: 'fixed'});
 $('#66').capty({
  opacity: .8,animation: 'fixed'});
   $('#67').capty({
  opacity: .8,animation: 'fixed'});
 $('#68').capty({
  opacity: .8,animation: 'fixed'});
 $('#69').capty({
  opacity: .8,animation: 'fixed'});
});
</script>
tiso
Profil
maresj: „Vidíte v něm něco závadného?
Hej, tie zlé id-čka. Id alebo class nesmie začínať číslom.

Okrem toho v tej stránke 2x načítavaš jquery. Urob si v tom poriadok.
Leo00
Profil
Díky tiso. No, dal jsem IDčkům názvy a odstranil jednu jQuery, po jejímž odstranění ten hove efekt nefunguje. Když ji tam vrátím, tak funguje. Jako kdyby si ten plugin chtěl sosat jen tu, která s ním přišla v balíku :)

Ale je to divné, protože i ta druhá jQuery, kterou tam načítá plugin responzivního menu, je stejné verze.

Moderátor Chamurappi: Pro pořádek potvrzuji, že Leo00 = maresj.
_es
Profil
Leo00:
Ale je to divné, protože i ta druhá jQuery, kterou tam načítá plugin responzivního menu, je stejné verze.
No tak si tie „pluginy“ nejako správne ponastavuj. Načítanie skriptu s jQuery má byť len raz a pred všetkými skriptami, ktoré sú na ňom závislé.
Leo00
Profil
Protože se mi nepodařilo přijít na to, proč jQuery zabraňuje tomu zobrazování a zároveň Capty plugin nefunguje správně při pouze jedné načtené jQuery. Nakonec jsem ty hover efekty vyřešil přes CSS z tohoto návodu: https://css-tricks.com/slide-in-image-captions/

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: