如何创建一个eventHandler的Jquery快捷方式？

Question

我想创建一个像.onmouseover（）这样的函数。不是功能，而是事件绑定到元素的方式。我可以使用.on（＆＃39;响铃＆＃39;，function（）{做某事}）;但我想创建一个.ringing（函数（做某事））;功能。我怎么能这样做？

我试过了：

(function( $ ){
   $.fn.ringing = function(f) {
      $(this).on('ringing',f);
      return this;
   }; 
})( jQuery );

$('body').ringing(function(){
    $(this).css('backgroundColor','blue');
})

振铃事件是由我从websocket获得的东西触发的。

任何帮助都会很棒！

亲切的问候，

Answer 1

如果我没有弄错的话，我认为你正在努力实现以下目标：

// Function definition
$.fn.ringing = function ()
{
    this.css('backgroundColor', 'blue');

    return this;
};

// Call the function like so:
$("body").ringing();