Jquery onclick函数在胡子模板中不起作用

Question

这是我的小胡子模板：

<script id="test1" type="html">
<div class="dropdown">
<button class="btn dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example <span class="caret"></span></button>
    <ul class="dropdown-menu" id="1">
        {{#list}}
        <li><a href="" class="Teamname"  data-url="/getteam?teamID={{teamID}}"> {{teamName}} </a></li>
        {{/list}}
    </ul>
</div>

这是我的胡子HTML目标：

<div id="my1"></div>
<script type="text/html" id="s2">
  <h1>this is heading</h1>
  {{#list}}
  <p>{{teamName}}</p> 
  {{/list}}
</script>

这是我的胡子AJAX调用，它不起作用：

$(document).ready(function(){
  $('a').click(function() {
    var u = $(this).data("url");
    alert(apiURL + u);
    console.log("url", u);

    $.ajax({
      url: apiURL + u,
      type: 'GET',
      success: function(response) {
        var output = $("#my1");
        var template = $("#s2").html();
        var html = Mustache.render(template, response);
        output.append(html);
      },
      error : function(err) {
        alert('Error');
      }
    });
  });
});