suchen

Heim >Web-Frontend >js-Tutorial >Probleme bei der Verwendung von Delegaten in jQuery_jquery

Probleme bei der Verwendung von Delegaten in jQuery_jquery

WBOY
WBOYOriginal
2016-05-16 15:51:331063Durchsuche

Ich bin es gewohnt zu binden und zu leben, aber ich bin es nicht gewohnt zu delegieren...

Unterstützung für die Bindung von Ereignissen an dynamisch generierte Tag-Elemente kann Live und Delegate sein, aber die neue Version unterstützt nicht mehr Live, sondern nur Delegate

Delegate ist wirklich etwas Besonderes und unterscheidet sich von anderen Event-Bindungsstilen.

Ich bin gestolpert, weil ich an den vorherigen Bindungsstil gewöhnt war.

Um es einfach auszudrücken: Es ist Nachlässigkeit.

Die

delegate()-Methode fügt dem angegebenen Element (einem untergeordneten Element des ausgewählten Elements) einen oder mehrere Ereignishandler hinzu und gibt die Funktion an, die ausgeführt werden soll, wenn diese Ereignisse auftreten.

Ereignishandler, die die Methode „delegate()“ verwenden, gelten für aktuelle oder zukünftige Elemente (z. B. neue Elemente, die durch Skripte erstellt wurden).

Grammatik

$(selector).delegate(childSelector,event,data,function)

Parameter Beschreibung
childSelector Erforderlich. Gibt ein oder mehrere untergeordnete Elemente an, an die Ereignishandler angehängt werden.
Ereignis

Erforderlich. Gibt ein oder mehrere Ereignisse an, die dem Element zugeordnet werden sollen.

Mehrere Ereigniswerte durch Leerzeichen getrennt. Muss ein gültiges Ereignis sein.

data 可选。规定传递到函数的额外数据。
function 必需。规定当事件发生时运行的函数。

比如这段小代码啊

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("div").delegate("button","click",function(){
  $("p").slideToggle();
 });
});
</script>
</head>
<body>
<div style="background-color:red">
<p>这是一个段落。</p>
<button>请点击这里</button>
</div>

</body>
</html>

我老写成了

$(document).ready(function(){
 $("div").delegate($("button"),"click",function(){
  $("p").slideToggle();
 });
});

子选择器不需要选择起来了..

不然就像我那样出现不知名的错误（点击会触发click,但点击其他元素也会触发click...)

以上所述就是本文的全部内容了，希望大家能够喜欢。

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Mehrere Möglichkeiten, tausend Zeichen zu formatierten Zahlen in node.js_node.js hinzuzufügenNächster Artikel：Mehrere Möglichkeiten, tausend Zeichen zu formatierten Zahlen in node.js_node.js hinzuzufügen

In Verbindung stehende Artikel

Mehr sehen