觸發點擊jQuery

Question

我必須忽略簡單的東西，但我只是不明白。

我試圖觸發listitem中超鏈接的點擊。

JS

(function($) { 
    $('li').click(function() { 
     var li = $(this); 

     var link = $('a', li); 

     link.click(); 
    }); 
})(jQuery); 

HTML

<ul> 
    <li><a href="http://example.com" target="_blank">TEST</a></li> 
</ul> 

當我在jsFiddle運行上面的代碼中，我得到一個錯誤：

<error> 
jQuery.event.dispatch 
jQuery.event.add.elemData.handle.eventHandle 
jQuery.event.trigger 
jQuery.fn.extend.trigger 
jQuery.extend.each 
jQuery.fn.jQuery.each 
jQuery.fn.extend.trigger 
jQuery.each.jQuery.fn.(anonymous function) 
(anonymous function) 
jQuery.event.dispatch 
jQuery.event.add.elemData.handle.eventHandle 
jQuery.event.trigger 
jQuery.fn.extend.trigger 
jQuery.extend.each 
jQuery.fn.jQuery.each 
jQuery.fn.extend.trigger 
... 

所以我想觸發當用戶點擊listitem時點擊超鏈接。

Answer 1

用途：

(function($) { 
    $('li').click(function(e) { 
     var li = $(this); 

     if (!$(e.target).is('a')){ 
      var link = $('a', li); 
      window.open(link.attr('href'), link.attr('target')); 
     } 
    }); 
})(jQuery); 

測試： http://jsfiddle.net/vFZ3Z/1/

Answer 2

我相信你是從觸發超鏈接點擊作爲瀏覽器的安全功能防止正。嘗試使用JavaScript來明確地打開窗口，而不是：

(function($) { 
    $('li').click(function(e) { 
     var link = $(this).find('a'); 
     link.click(); 
    }); 
    $('a').click(function(e) { 
     e.stopPropagation(); 
     var href = $(this).attr('href'); 
     var tgt = $(this).attr('target'); 
     window.open(href,tgt); 
     return false; 
    }); 
})(jQuery); 

http://jsfiddle.net/mblase75/CKucA/15/