Question

我正在尝试开始编写一个jquery插件，一直在阅读教程，但一开始就陷入了困境。这就是我所拥有的：

(function($) {

  $.fn.testPlugin = function(options) {
    this.each(function() {  
      alert($(this));
    });
  }     
})(jQuery);

我打电话给：

$('#id').testPlugin();

然而它并没有进入this.each函数......

基本上我只是想简单地得到被调用的东西，在这种情况下，id：id ....然后我会用它做一些事情...

Answer 1

这是我用作模板的内容。像魅力一样工作！

(function($){
  $.fn.extend({
    plugin_name: function(settings){
      var defaults = {
        placeholder : true
      };
      var settings = $.extend(defaults, settings);
      return this.each(function(){
        var s = settings;

        // Code goes here

      });
    }
  });
})(jQuery);

Answer 2

您发布的代码显示正常。您没有看到警报框的原因可能是您在调用插件之前未完成解析HTML文档（也称为“准备DOM”）。

尝试：

$(document).ready(function() {
    $('#id').testPlugin();
});

创建一个jquery插件

2 个答案: