Как правильно оформить код в JavaScript?

215
05 января 2019, 09:00

Есть 2 кнопки, каждая отвечает за срабатывание своей части контента, подскажите как это компактно оформить, чтобы не копировать одно и тоже изменяя число в переменной?

$('.button-a').on('show.bs.collapse', function () {
   $('.content-pic').lazy({     
   });
});
$('.button-b').on('show.bs.collapse', function () {
   $('.content-vid').lazy({          
   });
});
Answer 1
function connectButton(i) {
  $('.button-' + i).on('show.bs.collapse', function () {
    $('.content-' + i).lazy({     
    });
  });
}
connectButton(1);
connectButton(2);

Update

function connectButton(buttonClass, contentClass) {
  $("." + buttonClass).on('show.bs.collapse', function () {
    $("." + contentClass).lazy({     
    });
  });
}
connectButton("button-a", "content-pic");
connectButton("button-b", "content-vid");
Answer 2

Создайте функцию, наверное может быть, а вообще да функцию. Типа функция будет принимать один параметр это ваше число Х. Все.

READ ALSO
Разширение Chrome. эмуляция клика мишкой
javascript

Разширение Chrome. эмуляция клика мишкой

 202
Доработать скрипт
javascript

Доработать скрипт

Нужно чтобы этот скрипт не выдавал alert("Ничего не найдено, проверьте правильность ввода!"), когда введено 2 и более слов

 202
Защита Canvas от пользовательских скриптов
javascript

Защита Canvas от пользовательских скриптов

На данный момент я делаю небольшую браузерную игрушку, типа как Final Fantasy, используя jCanvasИ вот возник вопрос о защите от пользовательских скриптов,...

 201
Проблема со скрытием блока [дубликат]
javascript

Проблема со скрытием блока [дубликат]

На данный вопрос уже ответили:

 222