Em hỏi nhỏ về cách chèn JS

Hiện tại em có code của 1 kiểu trang web: http://codepen.io/StephenScaff/pen/oLBqmw

Và em viết lại như sau: http://upfile.vn/FqjC_5jCN~GQ/x4-html.html

Thì không thấy nó hoạt động ạ? Mấy anh chị cho em hỏi làm thế nào dòng JS đó mới hoạt động :frowning:

Cảm ơn các anh chị đã đọc.

/*-----
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>

1 Like
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?