Bind события нажмите чтобы динамически добавлять содержание

Question

У меня есть этот шаблон (Mustage):

<script id="serviceTemplate" type="text/template"> 
    {{#data}} 
     <li class="service-listitem"> 
      <div class="service-item"> 
       <h6><b>{{Type}}:</b> {{Name}}</h6> 
       <div> 
        {{Remarks}} 
       </div> 
      </div> 
      <div class="tb"> 
       <a href="#" class="tbdiv"><span class="glyphicon glyphicon-info-sign"></span>Info</a> 
       <a href="#" class="tbdiv"><span class="glyphicon glyphicon-plus"></span>Add</a> 
      </div> 
     </li> 
    {{/data}} 
</script> 

И я связывание click события так:

$(".tbdiv").on("click", { id: 'test' }, addTo); 

function addTo(event) { 
    debugger; 
    alert("id: " + event.data.id); 
} 

Но click события никогда не увольняют , Что случилось с этим кодом?

Answer 1

Это должно решить проблему проведения:

$(document).on("click", ".tbdiv", { id: 'test' }, addTo); 

function addTo(event) { 
    debugger; 
    alert("id: " + event.data.id); 
}