2009-09-14 35 views
11

Hallo. Ich bin neu in jQuery .. Ich möchte wissen, wie benutzerdefinierte jQuery-Funktion von OnClick-Attribut von HTML aufgerufen wird. Dies war die grundlegende, die ich versuchte.Weiter möchte ich parametrisierte Funktion machen und diese Funktion onClick Attribut aufrufen.So rufen Sie benutzerdefinierte jquery Funktion onClick

meine jQuery-Funktion ist:

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

und die HTML ist:

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

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

Dank!

Antwort

15

Dieses Plugin alert() s die ID jedes Element angepasst:

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

Und es zu verwenden:

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

Sie benötigen diese benutzerdefinierte Funktion, um einige Element des Click-Handler zuweisen, wie in:

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

Was ist wichtig zu beachten ist, dass die Funktion, die Sie jQuery durch seine jQuery.fn Syntax hinzugefügt haben, sollten zur Verfügung stehen als Teil der JavaScript-Objekte $ oder jQuery.

6

ersetzen:

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

mit:

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

(Angenommen, Sie führen dies im globalen Gültigkeitsbereich)

Verwandte Themen