Page 1 of 1
[opgelost] jquery menu met scrolltotop plugin ... conflict
Posted: Thu Jun 07, 2012 9:45 am
by pedes
ik weet dat dit wat off-topic is wat cmsms betreft ... maar misschien zijn er mensen die me toch een handje willen toesteken
ik heb een
demo opgezet waarin ik de menu plugin lavalamp wil gebruiken en ook de UItoTop plugin (scroll to top).
Apart krijg ik ze aan de praat ... maar samen is er altijd wel 1 van beide die niet werkt.
Op de demo zie je het menu met lavalamp (werkt hier niet, omdat de scroll to top hier wel werkt) en als je naar beneden gaat verschijnt de scroll to top knop rechts onder (deze werkt in de demo wel).
iemand die mij een hint kan geven hoe ik deze beide in 1 page kan laten functioneren. Ik probeerde al heel wat dingen zoals het verplaatsen van de jquery aanroep, keek al uren op het internet naar een oplossing, echter zonder succes.
Alvast bedankt.
Peter
Re: ... jquery menu samen met scrolltotop plugin ... conflic
Posted: Thu Jun 07, 2012 1:52 pm
by timdebuurman
In het voorbeeld in de lavalamp plugin staat
<ul class="lavaLamp">
<li><a href="#">Home</a></li>
<li><a href="#">Plant a tree</a></li>
<li><a href="#">Travel</a></li>
<li><a href="#">Ride an elephant</a></li>
</ul>
In de HTML heb je de class veranderd in 'lavaLampWithImage'
maar die verandering is volgens mij niet in die jqueryplugin aangepast.
edit -> ik zie nu dat mijn suggestie niet van toepassing is..
ik dacht even dat je die class gebruikte om het effect aan te roepen.
Het antwoord van Jos, hieronder is logischer.
Heb je ook nog het voorbeeld dat de lava het wel doet en het 'up-ding' niet?
Re: ... jquery menu samen met scrolltotop plugin ... conflic
Posted: Thu Jun 07, 2012 2:30 pm
by Jos
Het zal wellicht niet helpen, maar een id="1" valideert volgens mij niet. Voor zover ik weet moet een id met een letter beginnen...
Re: ... jquery menu samen met scrolltotop plugin ... conflic
Posted: Thu Jun 07, 2012 8:22 pm
by pedes
dank u om even mee te kijken ... vind het al wat erg dat ik dit zelf niet direct vind ...
dit is de
demo met een werkende lavalamp menu
gewoon even de easing jquery aangepast ...
Mvg,
Peter
Re: ... jquery menu samen met scrolltotop plugin ... conflic
Posted: Fri Jun 08, 2012 4:55 am
by timdebuurman
Zoals de tweede staat is logischer.
Zet de aanroep vd javascript voor de up-knop ook eens in de head.
Deze dus:
<__script__ src="js/jquery.ui.totop.js" type="text/javascript"></__script>
onder of boven de easing-aanroep.
En dan misschien ook deze:
Code: Select all
<__script__ type="text/javascript">
$(document).ready(function() {
$().UItoTop({ easingType: 'easeOutQuart' });
});
</__script>
Re: ... jquery menu samen met scrolltotop plugin ... conflic
Posted: Fri Jun 08, 2012 10:00 am
by timdebuurman
Ik heb m voor elkaar!
Het had te maken met de easing.
De precieze oorzaak van het probleem weet ik niet, maar dit is wat ik heb gedaan:
In de 2 demo's had je 2 verschillende soorten van easing gelinkt.
easing.js en jqery.easing.min.js
Die heb ik weggehaald en de nieuwste easing plugin gedownload en gelinkt:
jquery.easing.1.3.js
Toen nog de 'FX' van de lava veranderd van 'backout' naar 1 van de easing opties.
In dit geval heb ik m op 'easeInExpo' gezet.
Het werkende voorbeeld staat hier:
http://timtest.nl/pedes/
Re: ... jquery menu samen met scrolltotop plugin ... conflic
Posted: Fri Jun 08, 2012 11:54 am
by pedes
timdebuurman wrote:Ik heb m voor elkaar!
Tim bedankt voor uw bijdrage, ik had ook de nieuwe easing plugin gebruikt, maar ik had er niet bij stilgestaan dat de aanroep hier verandert was ...
Ik moet u alvast van harte bedanken
Mvg,
Peter