Clickイベント/バインドイベントは、Mustache JSでボタンを生成するときにjQueryで機能しません

Question

私は口髭矯正JSテンプレートを介して関数で生成されるボタンを持っています。

{{#attributes}} 
    <a class="button--small btn" data-selector="{{selector}}">{{title}}</a> 
{{/attributes}} 

とそののサンプル出力は、しかし、私はこのボタンをクリックしたときに別のjquery機能を実行するために

<a class="button--small btn" data-selector=".news">More News</a> 

しようとしていますされているが、関係なく、私は.click(function() { });または.bindを使用するかどうかのそれはいないようです働く？ console.logでも印刷されないので、適切な条件には慣れていません。ここで

はスクリプトです：あなたはeventを委任する必要が新たに作成された要素については

function lazyload(selector) { 
    $("a[data-selector^='"+selector+"']").bind("click", function(e) { 
      e.preventDefault(); 
      loadNews(selector); 
    }); 
} 

$(document).ready(function(){ 
    lazyload(".news"); // CALL FUNCTION READY FOR USAGE 
}); 

Answer 1

：「ダイレクトと委任イベント」を参照してください。

function lazyload(selector) { 
    $(document).on("click", "a[data-selector^='"+selector+"']", function(e) { 
     e.preventDefault(); 
     loadNews(selector); 
    }); 
}