一応 注意事項 : jQuery義 バージョンを 確認しなさい. 私が 確認した ところでは 1.2.6には これ メソッドが ない. 1.3.2 バージョンには あった. まあまあの程ならば jQuery 最新バージョンで アップデートしよう.

!! live() メソッドに 間違いが あって delegate, undelegate メソッドが 1.4.2で 鳥で 出た. **紹介した 文のに 英語だ. 機会 なれば 翻訳して 報告 たいが 時間は ない.**

次 コードを 見よう.

<ul>
  <li>リスト1 <span class="loadChildList">+</span></li>
  <li>リスト2</li>
  <li>リスト3</li>
</ul>

で リスト1 横に ある + 記号を クリックした 時 ajax路 下位 リストを 呼んで来ると 仮定しよう. それでは 下と ような リストが 現われる 数 ある のだ.

<ul>
  <li>リスト1 <span class="loadChildList">+</span></li>
    <ul>
      <li>下位リスト1</li>
      <li>下位リスト2 <span class="loadChildList">+</span></li>
    </ul>
  <li>リスト2</li>
  <li>リスト3</li>
</ul>

定木, 上で 下位リスト2義 横に また + 記号が 現われて ある のを 卵 数 あるのに… 私 + 記号を クリックした 時 また 下位リストを ajaxロードすると する.

勿論 下と ような コードを 使ったら 易しい のだ.

<li>下位リスト2 <span class="loadChildList" onclick="loadChildList()">+</span></li>

ajax路 コードを 呼んで来る 時 こんなに 処理して 頭面 当然 + 記号を クリックした 時 また 下位リストを 呼んで来る 数 ある のだ.

しかし あのように html コード 中に onclick ような のを 使うの なくて, htmlには 汚職 html万 入れて たい 純粋株の コーダーたちは どうに すると 割 のか? これを 解決して 与える 蟹 jQuery義 live メソッドだ.

使い方は 簡単だ.

$(function(){
  $('.loadChildList').live('click', loadChildList);
});

上と 一緒に 使えば loadChildList classを 持った html 要素を クリックした 時 loadChildList 関数を 行うように なる. そして ajax路 鳥で 呼んで来た 要素にも 自動で イベントが bindなる.

(そのまま bind 関数を 使えば, もう ページに ロードされて あった 要素にだけ イベントが 割り当て(bind)なって, ajax路 鳥で 呼んで来た 要素には 割り当て(bind)なるの ない.)

live メソッドの 使い方を もっと 寝る 分かって たければ jQuery API サイトで live路 検索を 日 見なさい. 用法 自体は bind 関数と まったく同じだから bind 関数の 用法を 参考すれば なる のだ.

- コメント機能はありません。コメントの代わりに[email protected]にメールを送ってください。