Κουμπιά κοινής χρήσης Async (G +, Facebook, Twitter) - CSS-Κόλπα

Anonim

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

(function(doc, script) ( var js, fjs = doc.getElementsByTagName(script)(0), frag = doc.createDocumentFragment(), add = function(url, id) ( if (doc.getElementById(id)) (return;) js = doc.createElement(script); js.src = url; id && (js.id = id); frag.appendChild( js ); ); // Google+ button add('https://apis.google.com/js/plusone.js'); // Facebook SDK add('//connect.facebook.net/en_US/all.js#xfbml=1&appId=200103733347528', 'facebook-jssdk'); // Twitter SDK add('//platform.twitter.com/widgets.js'); fjs.parentNode.insertBefore(frag, fjs); )(document, 'script'));

Το βρήκα να περνάει από κάποιο κωδικό ιστότοπου και ξεχνώ ακριβώς ποιος το έκανε αρχικά, αλλά μοιάζει με κάτι σαν Nicolas Gallagher ή Mathias Bynes. Διόρθωσε με αν κάνω λάθος.

Θα χρειαστείτε το HTML για τα σενάρια να βάλουν το υλικό τους:

Tweet