jQuery 使用 e.target 触发点击函数

Question

过去，我在使用 jQuery .trigger() 时遇到过问题，有时有效，有时无效。当我需要它做这样的事情时，它通常会崩溃......

HTML

<div class="list">
  <a href="#" class="one">one</a>
  <a href="#" class="two">two</a>
  <a href="#" class="three">three</a>
</div>

<p class="output"></p>

JS

$(document).ready(function() {
   $('.two').trigger('click');

   $('.list a').click(function(e){
      e.preventDefault();
      $text = $(e.target).text();
      $('.output').text($text);
   });
});

fiddle :http://jsfiddle.net/7pup2/

Answer 1

您需要先注册处理程序然后触发事件

应该是

$(document).ready(function() {

   $('.list a').click(function(e){
      e.preventDefault();
      $text = $(e.target).text();
      $('.output').text($text);
   });

   $('.two').trigger('click');
});