jQuery / bx滑块-如何模拟点击

时间:2019-04-16 08:59:40

标签: jquery bxslider

我有一家小公司的网站,有一阵子我问一个朋友 将幻灯片放到首页上。他使用了bxSlider功能 可通过以下方式获得:

<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>

我的幻灯片放映有10张幻灯片,我决定要随机分组 幻灯片的显示顺序。我相信bxSlider可以 随机选择一张起始幻灯片,但我希望序列完全随机。

我可以通过生成1到10之间的随机数,然后以编程方式单击幻灯片下方出现的小圆圈之一来实现此目的。但是我不知道如何模仿小圆圈之一的点击。我使用Chrome开发人员工具检查了一个小圆圈,然后看到它的编码如下:

<a href="" data-slide-index="0" class="bx-pager-link">1</a>

所以我在页面上添加了以下脚本,希望强制单击 一张随机幻灯片:

<script>
var myArray=[...] // assume this has the numbers 1 to 10 in random order
var counter=0;
var myVar;
$(window).load(function() {
   $(".bx-pager-link:nth-of-type(myArray[counter])").click();
   myVar = setInterval(doClick, 1000);
});
function doClick() {
   counter++;
   $(".bx-pager-link:nth-of-type(myArray[counter])").click();
   if (counter >= 9) clearInterval(myVar);
}
</script>

这不会引起任何点击。可能是click()是使用错误的方法。

所以我正在寻求指导。如果有人能够告诉我如何强制点击,我将不胜感激。

非常感谢您。

0 个答案:

没有答案