爲什麼我的點擊處理程序不工作？

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'); 
    }); 
});