单击要在动态元素上调用的函数

时间:2018-05-16 11:33:16

标签: javascript jquery wordpress carousel

我的页面上有一个元素,它由滑块的js库提供。 a href 是" next"按钮,滑块中没有自动滑动功能,我需要进行自动滑动。

动态添加的下一个按钮元素:

<div class="next">
    <a class="cmdForward" href="#"><span class="icon">
    <i class="fa fa-angle-right" title="Next page"></i></span></a>
</div>

使其自动滑动我写了jquery代码:

$(document).ready(function(){
 setInterval(function() { 
    $('a.cmdForward').click();
}, 3000);
});

但它没有用。 我认为这个问题是因为动态元素。我想......

1 个答案:

答案 0 :(得分:0)

从您要执行的链接数组中单击特定链接。

&#13;
&#13;
$(document).ready(function(){
   setInterval(function() { 
      console.log('test');
      $('a.cmdForward')[0].click(); // select specific link. as jquery returns array.
  }, 3000);
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="next">
    <a class="cmdForward" href="google.com">test<span class="icon">
    <i class="fa fa-angle-right" title="Next page"></i></span></a>
</div>
&#13;
&#13;
&#13;