为什么我的点击处理程序不工作？

Question

我有这个链接

<a class="tt-link" data-link="report.html?id=0">Open</a> 

我想在新标签页中打开它，所以我附加处理程序在我准备好（）

$('.tt-link').click(function(event){ 
     console.log(event.target.data('link')); 
     window.open('url', '_blank'); 
    }); 

这并不像我选择工作是错误的，但事实并非如此。无论如何，没有控制台输出。

Answer 1

点击您的jsfiddle例如开放链接产生在控制台以下错误：

event.target.data不是一个函数

由于您使用jQuery您应该使用$(this)访问元素。

$(document).on('click', '.tt-link', function() { 
    console.log($(this).data('link')); 
    window.open('url', '_blank'); 
}); 

Fiddle。

Answer 2

您可能需要把你的代码中$(function(){ ... }（也使用$(this)代替event.target：？？

$(function(){ 
    $('.tt-link').click(function(event){ 
     console.log($(this).data('link')); 
     window.open('url', '_blank'); 
    }); 
});