ホームページ > 記事 > ウェブフロントエンド > jQuery_jquery でのデリゲートの使用に関する問題

jQuery_jquery でのデリゲートの使用に関する問題

WBOYオリジナル: 2016-05-16 15:51:331026ブラウズ

私は束縛して生きることには慣れていますが、委任することには慣れていません...

動的に生成されたタグ要素へのイベントのバインドのサポートはライブとデリゲートの可能性がありますが、新しいバージョンではライブはサポートされなくなり、デリゲートのみがサポートされます

デリゲートは他のイベントバインディングスタイルとは異なり、非常に特別です。

前のバインドスタイルに慣れていたのでつまずいてしまいました。

簡単に言えば、不注意です。

delegate() メソッドは、指定された要素 (選択された要素の子要素) に 1 つ以上のイベントハンドラーを追加し、これらのイベントが発生したときに実行する関数を指定します。

delegate() メソッドを使用するイベントハンドラーは、現在または将来の要素 (スクリプトによって作成された新しい要素など) に適用されます。

文法

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

パラメータ	説明
childSelector	必須。イベントハンドラーがアタッチされる 1 つ以上の子要素を指定します。
イベント	必須。要素に付加する 1 つ以上のイベントを指定します。スペースで区切られた複数のイベント値。有効なイベントである必要があります。
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...)

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

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：node.js_node.js の書式設定された数値に千文字を追加するいくつかの方法次の記事：node.js_node.js の書式設定された数値に千文字を追加するいくつかの方法

続きを見る

jQuery_jquery でのデリゲートの使用に関する問題

関連記事