JQuery的类型，误差e是不确定的问题

Question

此代码是给我的错误：

var openPrayer = function(e) { 
    e.preventDefault(); 
    var id = $(e.currentTarget).data('id'); 
    var json = $.getJSON('/user/prayers/' + id); 
    var temp = new t($('#prayerTemp').html()); 

    json.then(function(resp){ 
     var modal = temp.render(resp[0]); 
     $('body').append(modal); 
    }); 
} 
$('.open-prayer').on('click', openPrayer); 

这是错误：

TypeError: e is undefined 

我不知道我要去的地方错了，上面的代码加载一个JSON响应到我下面成立了一个模板：

<script type="t/template" id="prayerTemp"> 
    <div class="prayer-modal"> 
     <img src="/img/icons/heart_infographic_prayer.jpg" class="hearts"/> 
     <div class="prayer"> 
      <h1>@{{=name}}</h1> 
      <p>@{{=body}}</p> 
     </div> 
     <span class="close-prayer">&times;</span> 
    </div> 
</script> 

任何帮助深表感谢。

Answer 1

代替

var id = $(e.currentTarget).data('id'); 

使用

var id = $(e.target).data('id'); 

其工作的罚款。

如果想知道 e.currentTarget和 e.target之间更差

在这里看到： -

Difference between e.target and e.currentTarget

Answer 2

var id = e.currentTarget.id; 

工作也没关系。但是如果您需要使用IE < 8兼容性，请使用jQuery解决方案或解决方案MDN