Αποσπάσματα κώδικα 2025, Ιανουάριος

Εισαγωγή στοιχείου μεταξύ άλλων στοιχείων - CSS-Κόλπα

Εισαγωγή στοιχείου μεταξύ άλλων στοιχείων - CSS-Κόλπα

Για παράδειγμα, εάν έχετε πέντε παραγράφους στη σειρά και πρέπει να εισαγάγετε μια ετικέτα αλλαγής μεταξύ όλων αυτών. Δεν μπορείτε να το βάλετε πριν και τα πέντε (δεν το κάνετε "

Είσοδοι που θυμούνται την αρχική τιμή - CSS-Κόλπα

Είσοδοι που θυμούνται την αρχική τιμή - CSS-Κόλπα

Var origValue = (); $ ('input.remember'). κάθε (λειτουργία (currentIndex) (origValue.push ($ (this) .val ()); $ (this) .focus (function () ("

Προφόρτωση εικόνας - CSS-Κόλπα

Προφόρτωση εικόνας - CSS-Κόλπα

Πολύ εύκολος τρόπος για να προφορτώσετε εικόνες που χρειάζονται αργότερα (π.χ. όταν εκτελείται ένα hover) $ .preloadImages = function () (για (var i = 0; i "

Επισήμανση σχετικής ετικέτας κατά την εισαγωγή στο Focus - CSS-Κόλπα

Επισήμανση σχετικής ετικέτας κατά την εισαγωγή στο Focus - CSS-Κόλπα

$ ("form: input"). focus (function () ($ ("label"). addClass ("labelfocus");)). blur (function () ($ ("label"). removeClass ("labelfocus") );)); "

Επισημάνετε όλους τους συνδέσμους προς την τρέχουσα σελίδα - CSS-Κόλπα

Επισημάνετε όλους τους συνδέσμους προς την τρέχουσα σελίδα - CSS-Κόλπα

$ (function () ($ ("a"). κάθε (function () (if ($ (this) .attr ("href") == window.location.pathname) ($ (this) .addClass ("επιλεγμένο ");)));)); Αυτή η λειτουργία θα "

Λάβετε συντεταγμένες του ποντικιού X, Y μέσα στο κουτί - CSS-Κόλπα

Λάβετε συντεταγμένες του ποντικιού X, Y μέσα στο κουτί - CSS-Κόλπα

Ο παρακάτω κώδικας θα σας δώσει τις συντεταγμένες X, Y ενός κλικ του ποντικιού μέσα σε ένα δεδομένο πλαίσιο. Αφαιρώντας όλα τα πράγματα σχετικά με το όφσετ, μπορείτε εύκολα να πάρετε το X, "

Διόρθωση .load () σε IE για προσωρινά αποθηκευμένες εικόνες - CSS-Κόλπα

Διόρθωση .load () σε IE για προσωρινά αποθηκευμένες εικόνες - CSS-Κόλπα

Η συνάρτηση .load () ενεργοποιείται όταν φορτωθεί πλήρως το στοιχείο στο οποίο καλείται. Συνήθως χρησιμοποιείται σε εικόνες, οι οποίες ενδέχεται να μην φορτώνονται πλήρως όταν το "

Λάβετε ερωτήματα Params ως αντικείμενο - CSS-Κόλπα

Λάβετε ερωτήματα Params ως αντικείμενο - CSS-Κόλπα

Ο Nicholas Ortenzio έγραψε αυτό το μικρό πρόσθετο: jQuery.extend ((getQueryParameters: function (str) (return (str || "

Αποκτήστε ένα εγγενές πλάτος εικόνων - CSS-Κόλπα

Αποκτήστε ένα εγγενές πλάτος εικόνων - CSS-Κόλπα

Εάν επιλέξετε και κάνετε εικόνα με το jQuery και στη συνέχεια χρησιμοποιήσετε το .width (), θα λάβετε το τρέχον πλάτος των εικόνων, ακόμα και αν έχει κλιμακωθεί (π.χ. μέγιστο πλάτος: 100%;). Μπορείς"

Καθορισμός IE z-index - CSS-Κόλπα

Καθορισμός IE z-index - CSS-Κόλπα

Αυτή δεν είναι μια τελική λύση για την επίλυση όλων των περίεργων ζητημάτων IE z-index, αλλά σίγουρα μπορεί να βοηθήσει σε ορισμένες περιπτώσεις. Αυτό που κάνει είναι βρόχος μέσω "

Ξεθωριάστε την εικόνα σε άλλη εικόνα - CSS-Κόλπα

Ξεθωριάστε την εικόνα σε άλλη εικόνα - CSS-Κόλπα

Δημιουργήστε ένα div που είναι το ακριβές μέγεθος της εικόνας. Σε αυτό το div θα εφαρμοστεί μια εικόνα φόντου σε αυτήν της δεύτερης εικόνας. Στη συνέχεια, βάλτε μια ενσωματωμένη εικόνα μέσα "

Αναγκάστε ένα Iframe να φορτώσει ξανά - CSS-Κόλπα

Αναγκάστε ένα Iframe να φορτώσει ξανά - CSS-Κόλπα

Μπορείτε να αγγίξετε το src του: $ ('iframe'). Attr ('src', $ ('iframe'). Attr ('src')); "

Επιδιόρθωση Επιλέξτε Dropdown Cutoff στο IE 7 - CSS-Κόλπα

Επιδιόρθωση Επιλέξτε Dropdown Cutoff στο IE 7 - CSS-Κόλπα

Εκτελέστε (τουλάχιστον το τμήμα "Χρήση" παρακάτω) αφού φορτώσετε το jQuery και είτε στο τέλος της σελίδας είτε σε μια δήλωση έτοιμη για DOM. Σημειώστε ότι αυτή η ενημέρωση κώδικα "

Διορθώστε το ελάχιστο / μέγιστο πλάτος για προγράμματα περιήγησης χωρίς εγγενή υποστήριξη - CSS-Κόλπα

Διορθώστε το ελάχιστο / μέγιστο πλάτος για προγράμματα περιήγησης χωρίς εγγενή υποστήριξη - CSS-Κόλπα

Αυτό το σενάριο ελέγχει όλα τα στοιχεία με κλάση .fixMinMaxwidth και παρατηρεί το παράθυρο. Εφαρμόζεται μόνο σε προγράμματα περιήγησης χωρίς εγγενές ελάχιστο / μέγιστο πλάτος "

Αλλαγή μεγέθους Iframe για προσαρμογή περιεχομένου (μόνο στον ίδιο τομέα) - CSS-Κόλπα

Αλλαγή μεγέθους Iframe για προσαρμογή περιεχομένου (μόνο στον ίδιο τομέα) - CSS-Κόλπα

Κανονικά ορίζετε και πλάτος και ύψος για iframe. Εάν το περιεχόμενο στο εσωτερικό είναι μεγαλύτερο, οι γραμμές κύλισης πρέπει να αρκούν. Το παρακάτω σενάριο προσπαθεί να το διορθώσει με "

Εκδήλωση πυρκαγιάς όταν ο χρήστης είναι αδρανής - CSS-Κόλπα

Εκδήλωση πυρκαγιάς όταν ο χρήστης είναι αδρανής - CSS-Κόλπα

Δείτε τις δύο παρακάτω γραμμές, όπου μπορείτε να εισαγάγετε κώδικα για πράγματα που πρέπει να κάνετε όταν ο χρήστης αδράνει και όταν ο χρήστης επιστρέψει. Ορίστε το ρελαντί "

Βρείτε και τυλίξτε Ampersands - CSS-Κόλπα

Βρείτε και τυλίξτε Ampersands - CSS-Κόλπα

Φόρτωση αυτής της προσθήκης. Στη συνέχεια: $ ("body *"). ReplText (/ & / gi, '' + '&' + ''); Αλλάξτε τον επιλογέα όπως απαιτείται. Αυτό είναι πολύ έντονο. Τώρα έχετε ένα μάθημα "

Εναλλακτικά για το jQuery που φιλοξενείται από CDN - CSS-Κόλπα

Εναλλακτικά για το jQuery που φιλοξενείται από CDN - CSS-Κόλπα

Αρκετές μεγάλες εταιρείες προσφέρουν αντίγραφα του jQuery που φιλοξενούνται στα CDN τους (Content Delivery Network). Το πιο γνωστό Google, αλλά και η Microsoft και το jQuery "

Ξεθωριάστε μια εικόνα σε άλλο μενού - CSS-Κόλπα

Ξεθωριάστε μια εικόνα σε άλλο μενού - CSS-Κόλπα

Δημιουργήστε μια εικόνα CSS sprite, με το πάνω μισό και το κάτω μισό να είναι οι δύο εικόνες στις οποίες θέλετε να κάνετε κινούμενη εικόνα. Το jQuery προσθέτει μια ετικέτα και "

Βρείτε όλους τους εσωτερικούς συνδέσμους - CSS-Κόλπα

Βρείτε όλους τους εσωτερικούς συνδέσμους - CSS-Κόλπα

Βρείτε όλους τους συνδέσμους που ξεκινούν με τον τομέα ιστότοπων, κάθετο, σχετική διαδρομή αρχείου ή ένα hashtag. var siteURL = "http: //" + top.location.host.toString (); var "

Εξαίρεση $ (αυτό) από τον Επιλογέα - CSS-Κόλπα

Εξαίρεση $ (αυτό) από τον Επιλογέα - CSS-Κόλπα

Ας υποθέσουμε ότι θέλετε να επισυνάψετε ένα πρόγραμμα χειρισμού κλικ σε κάθε σύνδεσμο σε μια σελίδα. Η συνάρτηση αυτού του χειριστή κλικ μετατρέπει σε όλους τους άλλους συνδέσμους ένα διαφορετικό χρώμα. var "

Draggable χωρίς jQuery UI - CSS-Κόλπα

Draggable χωρίς jQuery UI - CSS-Κόλπα

Δεν έχει όλες τις φανταχτερές επιστροφές κλήσεων και επιλογές, αλλά hey, κάνει τα πράγματα σύροντα (και με μια συγκεκριμένη λαβή προαιρετικά). (συνάρτηση ($) ("

Εξισώστε τα ύψη των Divs - CSS-Κόλπα

Εξισώστε τα ύψη των Divs - CSS-Κόλπα

Var maxHeight = 0; $ ("div"). κάθε (συνάρτηση () (εάν ($ (αυτό). ύψος ()> maxHeight) (maxHeight = $ (αυτό). ύψος ();))); $ ("div"). ύψος (maxHeight); "

Εμφάνιση τελευταίου tweet - CSS-Κόλπα

Εμφάνιση τελευταίου tweet - CSS-Κόλπα

Ο παρακάτω κώδικας δεν λειτουργεί πλέον ως έχει με την ενημέρωση του Twitter API σε 1.1 από το 2013-06-11. Το 1.1 API απαιτεί oAuth που απαιτεί πλευρά διακομιστή "

Έγινε αλλαγή μεγέθους συμβάντος - CSS-Κόλπα

Έγινε αλλαγή μεγέθους συμβάντος - CSS-Κόλπα

Εάν είστε συνηθισμένοι σε κάτι όπως το μέγεθος του jQuery UI, λαμβάνετε συμβάντα στα οποία μπορείτε να δεσμεύσετε κατά τη διάρκεια της αλλαγής μεγέθους, αλλά και στο τέλος της αλλαγής μεγέθους. Δεν υπάρχει τέτοια εκδήλωση "

Διπλότυπο πρόσθετο jQuery - CSS-Κόλπα

Διπλότυπο πρόσθετο jQuery - CSS-Κόλπα

$ .fn.duplicate = function (count, cloneEvents) (var tmp = (); for (var i = 0; i

Εμφάνιση μόνο των πρώτων X Divs, Εναλλαγή ανάπαυσης - CSS-Κόλπα

Εμφάνιση μόνο των πρώτων X Divs, Εναλλαγή ανάπαυσης - CSS-Κόλπα

Var ειδήσεις = 2; hidenews = "- Απόκρυψη αρχείου ειδήσεων"; showsews = "+ Εμφάνιση αρχείου ειδήσεων"; $ (". archive"). html (showsews); $ (". news: not (: lt (" + news + "))"). απόκρυψη (); "

Εμφάνιση της τελευταίας ανάρτησης FeedBurner - CSS-Κόλπα

Εμφάνιση της τελευταίας ανάρτησης FeedBurner - CSS-Κόλπα

Αυτό το απόσπασμα θα εμφανίσει την τελευταία ανάρτηση σε μια συγκεκριμένη ροή FeedBurner. Απλώς ορίστε τη διεύθυνση URL στη ροή FeedBurner που θέλετε. $ (έγγραφο). ήδη (συνάρτηση () ("

Εμφάνιση προγράμματος περιήγησης και έκδοση - CSS-Κόλπα

Εμφάνιση προγράμματος περιήγησης και έκδοση - CSS-Κόλπα

Αυτό είναι συγκεκριμένο για το jQuery και περιέχει λίγο hack / fix για την αντιμετώπιση του Chrome. Αυτό λειτουργεί μεταξύ jQuery 1.5.1 και jQuery 1.8.3. Έφυγε στο jQuery "