Εχουμε τον παρακάτω κώδικα που τρέχει απο το script.js
η ιστοσελίδα βρίσκεται στο tests.anastasiadesigns.gr/about-usΚώδικας:$=jQuery.noConflict(); //Menu Button $(document).ready(function(){ $('.mobile-menu a').on('click',function(){ $('nav.site-nav').toggle('slow'); }); //Show the mobile menu var breakpoint=768; $(window).resize(function(){ boxAdjustment(); if($(document).width()>=breakpoint){ $('nav.site-nav').show(); }else { $('nav.site-nav').hide() ; } }); boxAdjustment(); }); function boxAdjustment(){ var images=$('.box-image'); if (images.length>=0){ var imageHeight=images[0].height; var boxes=$('.content-box'); $(boxes).each(function(i,element){ $(element).css({'height':imageHeight+ 'px'}); }); } }
Το πρόβλημα το έχει η συνάρτηση boxAdjustment. Ενώ αν γράφω τον κώδικα στην κονσόλα τρέχει κανονικά, όταν φορτώνω τη σελίδα μόνο στον edje φαίνεται σωστά(και εκεί έχει κάποιο σημείο προβληματικό αλλά μόνο σε ένα σημείο)
Firefox και Chrome δεν το τρέχουν καθόλου.
Αν βάλω τον κώδικα ανεξάρτητα (χωρίς συνάρτηση) κάνει το grid να φαίνεται κανονικά. Οταν όμως φυσικά κάνω resize φαίνεται ότι να ναι.
Που το λάθος; Είναι από video tutorial
Εμφάνιση 1-3 από 3
Θέμα: Πρόβλημα με κώδικα js
-
25-10-17, 10:55 Πρόβλημα με κώδικα js #1Shotokan Karate Greece, μη κερδοσκοπική οργάνωση για τη διδασκαλία του Καράτε ως πολεμική τέχνη
Moksu στο γρασίδι
παίρνω προαγωγή, παίρνω δώρα, παίρνω τηλέφωνο αλλά περνώ το δρόμο, περνώ τα μαθήματα, περνάμε τις εξετάσεις
Προσοχή προσοχή έρχεται καταστολή
Anonymous vs Υπουργείο Δικαιοσύνης
-
28-10-18, 21:56 Απάντηση: Πρόβλημα με κώδικα js #2
Δεν ξέρω πόσο αξία έχει η απάντηση ένα χρόνο μετά, αλλά για αυτό που θέλεις να κάνεις δεν θα χρησιμοποιούσα καθόλου javascript. Μπορείς να το κάνεις πολύ εύκολα με flexbox. Αν παίζεις mobile first, μετά από ένα συγκεκριμένο breakpoint δώσε display: flex στο container και flex-wrap: wrap, ενώ στα children δώσε flex: 0 1 50% (ή 33,33% αν θες τρίστηλο). Επίσης δώσε στα children order: # αν θες να πειράξεις το ordering. Τις εικόνες θα τις έκανα background-images με background-size: cover.
Γενικά για styling απέφυγε το js. To CSS3 έχει ισχυρά εργαλεία και πολλά από αυτά είναι αρκετά ώριμα για production. Για παράδειγμα το flexbox: https://caniuse.com/#feat=flexbox* Όταν ακούς «τάξη» ανθρώπινο κρέας μυρίζει.
* Μες την έρμη κι άδεια πολιτεία μένει, το χέρι που μονάχα, με μπογιά θα γράψει στους μεγάλους τοίχους, ΨΩΜΙ ΚΙ ΕΛΕΥΘΕΡΙΑ.
Οδυσσέας Ελύτης
οδηγός δικαιωμάτων μισθωτών εκπαιδευτικών
-
28-10-18, 23:23 Απάντηση: Πρόβλημα με κώδικα js #3
Ευχαριστω. Ηταν σε εκπαιδευτικό βιντεο και το απάντησε ο εκπαιδευτής. Δεν ειχα χρονο για να ασχοληθώ περισσότερο
Shotokan Karate Greece, μη κερδοσκοπική οργάνωση για τη διδασκαλία του Καράτε ως πολεμική τέχνη
Moksu στο γρασίδι
παίρνω προαγωγή, παίρνω δώρα, παίρνω τηλέφωνο αλλά περνώ το δρόμο, περνώ τα μαθήματα, περνάμε τις εξετάσεις
Προσοχή προσοχή έρχεται καταστολή
Anonymous vs Υπουργείο Δικαιοσύνης
Παρόμοια Θέματα
-
Πρόβλημα με ακύρωση φορητότητας
Από nio25 στο φόρουμ ADSLΜηνύματα: 2Τελευταίο Μήνυμα: 26-10-17, 10:57 -
Προβλημα με πληκτρολογιο και αγορα νεου
Από tempo στο φόρουμ Apple Hardware και SoftwareΜηνύματα: 0Τελευταίο Μήνυμα: 25-10-17, 06:46 -
Πρόβλημα με VDSL και 4G Bonding
Από Hellier στο φόρουμ VDSLΜηνύματα: 0Τελευταίο Μήνυμα: 23-10-17, 10:46 -
Πρόβλημα με WIND - Μη εξυπηρέτηση απο WIND
Από anon στο φόρουμ WindΜηνύματα: 11Τελευταίο Μήνυμα: 14-03-17, 12:14 -
Πρόβλημα με την ένταση στα ηχεία.
Από molfakias στο φόρουμ Κάρτες ήχου, γραφικών, ηχεία και οθόνεςΜηνύματα: 1Τελευταίο Μήνυμα: 04-12-16, 00:49
Bookmarks