jQuery / bx Slider - Как эмулировать клик - PullRequest
Новая
       24

jQuery / bx Slider - Как эмулировать клик

0 голосов
/ 16 апреля 2019

У меня есть веб-сайт для моей маленькой компании, и некоторое время назад я спросил друга разместить слайд-шоу на главной странице. Он использовал функциональность 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 () - неправильный метод для использования.

Итак, я ищу руководства. Буду признателен, если кто-нибудь сможет рассказать мне, как заставить щелкнуть мышью.

Большое спасибо.

...