eventHandlerへのJQueryショートカットを作成するには？

Question

私は.onmouseover（）のような関数を作りたいと思います。機能性ではなく、イベントが要素にバインドされる方法。 .on（ 'ringing'、function（）{do something}）を使うことができます。しかし、私は.ringing（function（do something））を作成したいと思います。関数。このようなことをどうすればできますか？

私が試した：

(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();