我正在尝试附加悬停操作,但是立即调用悬停操作

Question

我正在编写我的第一个jquery插件.我正在尝试添加悬停操作,但是立即调用悬停响应.这是我的插件:

(function($){
  var Help = function(element, options) {
    this.$element = element;
    this.options = $.extend({}, $.fn.help.defaults, options);
  };

  Help.prototype.hover = function(name){
    alert(name);
  };

  $.fn.help = function(option){
    return this.each(function () {
      var $this = $(this);
      var help = $this.data('help');
      var options = "";
      var data = $this.data('help-id');
      if(!help) {
        $this.data('help', (help = new Help(this, options)));
      }
      $this.on('hover', help.hover(data));
    });
  };
})(jQuery);

我附上我的插件$('#one').help(),但这会立即调用悬停功能.我究竟做错了什么？谢谢您的帮助.

Answer 1

你没有将函数传递给函数on调用的结果.

更换

$this.on('hover', help.hover(data));

同

$this.on('hover', function(){help.hover(data)});