jQuery-Funktion zu bestimmten Elementen hinzufügen

Question

Ich weiß, dass Sie neue jQuery-Funktionen hinzufügen können, indem Sie $.fn.someFunction = function()

Ich möchte jedoch nur zu bestimmten Elementen Funktionen hinzufügen. Ich habe diese Syntax ausprobiert, aber sie funktioniert nicht $('.someElements').fn.someFunction = function()

Ich möchte dies tun, damit ich die Funktion irgendwo im Code wie folgt aufrufen kann $('someElements').someFunction();

Answer 1

Ich hatte eigentlich diesen Anwendungsfall auch, aber mit einem Cache-Objekt. Ich hatte also bereits ein jQuery-Objekt, ein umschaltbares Menü, und ich wollte zwei Funktionen an dieses Objekt anhängen, "open" und "close". Die Funktionen mussten den Geltungsbereich des Elements selbst beibehalten, und das war alles. this das Menüobjekt sein. Wie auch immer, Sie können einfach Funktionen und Variablen hinzufügen, wie bei jedem anderen Javascript-Objekt auch. Manchmal vergesse ich das.

var $menu = $('#menu');
$menu.open = function(){
   this.css('left', 0);
   this.is_open = true; // you can also set arbitrary values on the object
};
$menu.close = function(){
   this.css('left', '-100%');
   this.is_open = false;
};

$menu.close();

Answer 2

Die naheliegendste Lösung ist die Zuweisung einer Funktion als Eigenschaft des Objekts:

obj.prop("myFunc", function() {
  return (function(arg) {
    alert("It works! " + arg);
  });
});

Rufen Sie es dann auf diese Weise auf dem Objekt auf:

obj.prop("myFunc")("Cool!");

Hinweis: Ihre Funktion ist der Rückgabewert der äußeren Funktion, siehe: http://api.jquery.com/prop/#prop-propertyName-function

Answer 3

Ich bin mir auch nicht sicher, ob meine Antwort Ihnen helfen wird, aber wie wäre es mit .live?

$(selector).live(click,function(){
    //some codes here
});

Answer 4

Ich habe dies getan und es funktioniert gut.

 function do_write(){
     $("#script").append("<script> $(\'#t"+(id_app+4)+"\').change(function(){  alert('Write Your Code here');    });<\/script>");
     console.log("<script> $(\'#t"+(id_app+4)+"\').change(function(){  alert('hello');    });<\/script>");
}

und rufen Sie eine Funktion aus Ihrer dynamischen Funktion auf, die ein dynamisches Steuerelement in HTML erstellt