Как вызвать пользовательскую функцию jquery onClick

Question

Привет. Я новичок в jQuery .. Я хочу знать, как вызвать пользовательскую функцию jQuery с помощью атрибута onClick HTML. Это было основным, что я пытался. Далее я хочу сделать параметризованную функцию и хочу вызвать эту функцию атрибутом onClick.

моя функция jQuery:

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

и HTML-код:

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

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

Спасибо!

Answer 1

Этот плагин alert() s ID каждого соответствующего элемента:

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

И использовать его:

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

Answer 2

Заменить:

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

С:

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

(Предполагается, что вы используете это в глобальной области видимости)

Answer 3

Вам необходимо назначить эту пользовательскую функцию для обработчика щелчков какого-либо элемента, например:

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

Важно отметить, что функция, которую вы добавили в jQuery через ее синтаксис jQuery.fn, должна быть доступна как часть объектов JavaScript $ или jQuery.