子からのトリガーイベントがJqueryで親をリッスンします

Question

子が選択されたときに、親がそのイベントをリッスンするときに、CHANGEDというカスタムイベントをトリガーさせることは可能ですか？親にイベントがバブリングすることによって可能ですか？

私はそう呼ばれている人からのプラグインを持っています。 （＃セレクタ）.dropdown（）;

ドロップダウン内で選択リストが再作成されます。

<select id="selectBox"> 
    <option value="0">Select</option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    </select> 

は今のliセレクタの1つがクリックされたとき、私は以下のようなことから、イベントをトリガしたいが、親がそれを聞いています。親はslectBox要素を意味します。

// INSIDE PLUGIN 
    $("li", ul).click(function() { 
     $(this).trigger('CHANGED'); 
    }); 

    //IN MY PAGE CODE 
    $(function(){ 
     ('#selectBox').dropdown(); 
     ('#selectBox').bind('CHANGED', update); 

     function update(evt){ 
      alert(evt.target); 
     } 
    }); 

Answer 1

だから、私はここにいくつかのコンテキストが欠けている必要がありますが、あなたは、イベントを作成することができれば、あなたは要素名を知っている、とあなたはそれが理由だけではなく、通常は別のイベントハンドラを追加し、実施したい場合は知っていますか？あなたのケースでは

：

$(function(){ 
     $('#selectBox').bind('change', update); 

     function update(evt){ 
      alert(evt.target); 
     } 
    }); 

http://jsfiddle.net/qruKH/

Answer 2

の委譲機能が何であるかである：あなたのJSを経由して、あなたのHTMLと一致していない

<script type="text/javascript"> 
    $(document).ready(DocReady); 

    function DocReady() 
    { 
     $("#selectBox").delegate("option", "click", SelectClicked); 
    } 

    function SelectClicked() 
    { 
     alert("You clicked: " + this.text); 
    }