catsjungle / seajs

1 stars 0 forks source link

正确的 jquery 插件创建方式 #1

Open raincoat opened 10 years ago

raincoat commented 10 years ago
  $(function(){
    $('#play').slider();
    $('#play2').slider();
  });

应该变成

  $(function(){
    $('.slide').slider();
  });

你可以仔细研究下 jquery 插件的模板

https://github.com/jquery-boilerplate/jquery-patterns/blob/master/patterns/jquery.basic.plugin-boilerplate.js

$.fn[pluginName] = function ( options ) {
  return this.each(function () {
     // 这里的 this 应该是一个数组。 所以要用 each 遍历出来。 
  });
};
raincoat commented 10 years ago

@catsjungle http://stackoverflow.com/questions/2678185/why-return-this-eachfunction-in-jquery-plugins

jQuery 插件问题为什么许多插件在都会用到 return this.each(function(){})