2009-09-14 16 views
11

こんにちは。私はjQueryを初めて使っています.HTMLのonClick属性でカスタムjQuery関数を呼び出す方法を知りたいと思います。これは私が試していた基本でした。さらに、パラメータ化された関数を作成し、その関数onClick属性を呼びたいと思っています。カスタムjquery関数を呼び出す方法onClick

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

とHTMLは次のとおりです:

私のjQueryの関数である

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

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

ありがとう!何に注意することが重要であることは、あなたがそのjQuery.fn構文を通じてのjQueryに追加した機能が利用可能であるべきであるということである

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

:あなたはのように、いくつかの要素のクリックハンドラにこのカスタム関数を割り当てる必要が

答えて

15

このプラグインalert()の一致した各要素のID:

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

そして、それを使用する:

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

$またはjQuery JavaScriptオブジェクトの一部として

6

は交換してください:

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

をして:

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

(これをグローバルスコープで実行していることを前提とします)

関連する問題