Cómo llamar a la función jquery personalizada onClick

Question

Hola. Soy nuevo en jQuery. Quiero saber cómo llamar a la función jQuery personalizada mediante el atributo onClick de HTML. Esto fue lo básico que estaba intentando. Además quiero hacer una función parametrizada y quiero llamar a esa función en el atributo Click.

mi función jQuery es:

jQuery.fn.myFadeIn=function() { 
    return $('#fadeInDiv').fadeIn(); 
}; 

y el HTML es:

<input type="radio" name="contentCalls" class="radioButton" id="Calls" onclick="myFadeIn();"> 

<div id="fadeInDiv"> 
div to open 
</div> 

Gracias!

Answer 1

Este plugin alert() s el ID de cada elemento coincidente:

jQuery.fn.alertElementId = function() 
{ 
    return this.each(function() 
    { 
     alert(this.id); 
    }); 
}; 

Y utilizarlo:

// alert() each a-element's ID 
$("a").click(function() 
{ 
    $(this).alertElementId(); 
}); 

Answer 2

Es necesario asignar esta función personalizada a clic manejador de algún elemento, como en:

$("#Calls").click($.myFadeIn); 

Lo que es importante tener en cuenta es que la función que ha añadido a través de su sintaxis de jQuery jQuery.fn debe estar disponible como parte de los objetos de JavaScript $ o jQuery.

Answer 3

Reemplazar:

jQuery.fn.myFadeIn=function() { return $('#fadeInDiv').fadeIn(); }; 

Con:

var myFadeIn=function() { return $('#fadeInDiv').fadeIn(); }; 

(suponiendo que esté ejecutando esto en el ámbito global)