时间戳

首页 > 解决方案 > 如何触发对动态添加的元素的点击

jquery - 如何触发对动态添加的元素的点击

问题描述

该元素是动态生成的。是否可以触发对元素的点击？

<a unselectable="on" href="javascript:;" onclick="return false;" class="xxx" role="button" aria-haspopup="true">
  <span unselectable="on" class="xxx2">
    New<br>
    Item
    <span unselectable="on" class="xxx3">
      <img unselectable="on" src="xxx">
    </span>
  </span>
</a>

标签： jquery

解决方案

用于trigger('click')实现此参考http://api.jquery.com/trigger/，希望这会有所帮助

$(document).on('click','.xxx',function(e){
   console.log('link has been clicked') 
})

$('.xxx').trigger('click')   // dynamic click event on link
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a unselectable="on" href="javascript:;" onclick="return false;" class="xxx" role="button" aria-haspopup="true"><span unselectable="on" class="xxx2">New<br>Item<span unselectable="on" class="xxx3"><img unselectable="on" src="xxx"></span></span></a>

推荐阅读