| Autor | Zpráva | ||
|---|---|---|---|
| maresj Profil * |
#1 · Zasláno: 30. 3. 2015, 16:30:50
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 |
#2 · Zasláno: 30. 3. 2015, 16:44:00
|
||
| maresj Profil * |
#3 · Zasláno: 30. 3. 2015, 17:08:58
Skvělý tiso, zdá se, že jsi na to kápnul. Děkuji mockrát za pomoc!
|
||
| maresj Profil * |
#4 · Zasláno: 30. 3. 2015, 18:10:17 · Upravil/a: maresj
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 |
#5 · Zasláno: 30. 3. 2015, 19:51:23
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 |
#6 · Zasláno: 30. 3. 2015, 22:37:16 · Upravil/a: Moderátor (editace znemožněna) 31. 3. 2015, 10:00:33
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 |
#7 · Zasláno: 30. 3. 2015, 23:04:19
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 |
#8 · Zasláno: 31. 3. 2015, 08:59:37
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/
|
||
|
Časová prodleva: 9 let
|
|||
0