Как вызвать щелчок по динамически добавляемому элементу

#jquery

#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>
  

Ответ №1:

Используйте 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>  

Ответ №2:

Если вы пытались спросить: «Можно ли прикрепить щелчок по элементу к динамическим элементам?«, То

 $('body').on('click', function(evt) {
    // Check if its the proper element. Here its anchor tag with class 'xxx'
    if (evt.target.nodeName === 'A' amp;amp; evt.target.classList.contains('xxx')) {
       // Anchor tag is clicked
    }
}, true);
  

Если у вас есть несколько элементов, которые необходимо обнаружить во время запуска события, это будет полезно.