/*-----
Spanizer
- Wraps letters with spans, for css animations
-----*/
(function($) {
var s,
spanizeLetters = {
settings: {
letters: $('.js-spanize'),
},
init: function() {
s = this.settings;
this.bindEvents();
},
bindEvents: function(){
s.letters.html(function (i, el) {
//spanizeLetters.joinChars();
var spanizer = $.trim(el).split("");
return '<span>' + spanizer.join('</span><span>') + '</span>';
});
},
};
spanizeLetters.init();
})(jQuery);
Cái này nó có jQuery nữa bạn ạ, nôm na là nó lấy đoạn html của thằng dòng chữ đó rồi dùng split để cắt ra thành từng chử rồi return lại với ‘<span>’ + spanizer.join(’</span><span>’) + ‘</span>’; để nối nó lại.
Đoạn return đó nó trả về vd như: “Let” -> "<span>L</span><span>e</span><span>t</span>