spin.js jquery не работает

Question

Я пытаюсь использовать это: http://fgnass.github.io/spin.js/, и он отлично работает, когда я просто использую его через js, которые они задают. Однако, когда я хочу использовать jquery plug-in, он не работает. Разве мне не нужно делать только $('#elementID').spin(), и он должен начать использовать счетчик на этом элементе?

EDIT:

В JQuery плагин это говорит, что это:

$('#el').spin(); // Creates a default Spinner using the text color of #el.

Это то, что я хочу использовать. Регулярный способ js, который люди ответили ниже, работает, но я не знаю, почему этот способ jquery не работает, как они указывают.

Answer 1

fiddle Demo

jQuery Plugin

/* 
You can now create a spinner using any of the variants below: 

$("#el").spin(); // Produces default Spinner using the text color of #el. 
$("#el").spin("small"); // Produces a 'small' Spinner using the text color of #el. 
$("#el").spin("large", "white"); // Produces a 'large' Spinner in white (or any valid CSS color). 
$("#el").spin({ ... }); // Produces a Spinner using your custom settings. 

$("#el").spin(false); // Kills the spinner. 

*/ 
(function ($) { 
    $.fn.spin = function (opts, color) { 
     var presets = { 
      "tiny": { 
       lines: 8, 
       length: 2, 
       width: 2, 
       radius: 3 
      }, 
       "small": { 
       lines: 8, 
       length: 4, 
       width: 3, 
       radius: 5 
      }, 
       "large": { 
       lines: 10, 
       length: 8, 
       width: 4, 
       radius: 8 
      } 
     }; 
     if (Spinner) { 
      return this.each(function() { 
       var $this = $(this), 
        data = $this.data(); 

       if (data.spinner) { 
        data.spinner.stop(); 
        delete data.spinner; 
       } 
       if (opts !== false) { 
        if (typeof opts === "string") { 
         if (opts in presets) { 
          opts = presets[opts]; 
         } else { 
          opts = {}; 
         } 
         if (color) { 
          opts.color = color; 
         } 
        } 
        data.spinner = new Spinner($.extend({ 
         color: $this.css('color') 
        }, opts)).spin(this); 
       } 
      }); 
     } else { 
      throw "Spinner class not available."; 
     } 
    }; 
})(jQuery); 

---

Вы также должны включать в себя Spin.js

---

$('#foo').spin(); 

Answer 2

Если вы не хотите устанавливать функцию в JQuery, вы можете просто использовать элемент запроса.

new Spinner().spin($('#foo')[0]);