Создание объекта, который может быть передан в качестве параметров для swiper JS - PullRequest
0 голосов
/ 03 сентября 2018

Я пытаюсь создать экземпляр swiper из пользовательского ввода, например:

Пользователь вводит строку:

swiper-direction-horizontal swiper-effect-slide swiper-speed-300

или что-то подобное.

Затем, используя javascript / jquery, я мог взять эту строку, преобразовать ее в переменную и использовать для создания swiper:

var swiperParams = {direction: horizontal, effect: slide, speed: 300}
var mySwiper = new Swiper('.swiper-container', swiperParams);

Каков наилучший способ сделать это? (производительность важна)

1 Ответ

0 голосов
/ 12 сентября 2018

Обнаружил способ сделать это, тем не менее, спасибо. Вот фрагмент кода https://jsfiddle.net/z5pgarnq/10/,, если у кого-то есть лучшее решение, я буду благодарен за то, что поделился им.

var input = 'swiper-direction-horizontal swiper-speed-300 swiper-loop-true';
var array = input.split(' ');
var params = {};
var value = '';
for (i = array.length - 1; i >= 0; i--) {
  if (!array[i].indexOf('swiper')) {
    value = array[i].split('-')[2];
    if ($.isNumeric(value)) {
      value = parseInt(value, 10);
    } else if (value === 'true') {
      value = (value === 'true');
    }
    params[array[i].split('-')[1]] = value;
  }
}
console.log(params);
//console:
//Object { loop: true, speed: 300, direction: "horizontal" }
...