Geplaatst Mijn site roept een aantal jquery scripts op:
- Code
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="scripts/jquery.quicksand.js"></script>
<script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="scripts/galleryscript.js"></script>
Het prettyPhoto script wil ik op kleine schermen niet oproepen (pop up kleiner dan foto op pagina en onnodig), dus ik heb het volgende gedaan:
- Code
if ( (window.innerWidth || document.documentElement.clientWidth) > 500 ){
Hier staat het originele Pretty Photo js deel
}
else {
hier staat wat hij bij kleine schermen moet doen
}
Het probleem is dat, zodra ik de if erom heen zet, op mobiel ALLE jquery uitgezet wordt - het hele menu werkt dan niet meer (accordeon submenu dat uit moet schuiven), en de quicksand sorteert de fotogalerij niet meer.
Ik heb in het prettyphoto script al een debug
- Code
alert( "Hello" );
op verschillende plaatsen gezet om te kijken of er misschien een fout in het script zat (ik heb flink lopen hakken en 'onnodige' code weggehaald, en wat dingetjes aangepast zodat hij deed wat ik wou), maar de alert komt waar hij ook staat ( binnen de if, aan het begin of eind of in het midden) netjes naar boven.
En als de alert in de else staat komt hij netjes niet naar boven op computer scherm.
Dreamweaver klaagt ook niet over errors.
Heeft iemand enig idee hoe dit kan?? En hoe ik dit op kan lossen?
Was namelijk van plan om mobiel menu mbv jquery een stuk in te korten.
Heb nu tijdelijk wat submenu's op display:none staan om het in te korten, maar kan netter opgelost.
