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

182
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

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

ПОСЛЕДНИЕ ВОПРОСЫ
Все вопросы
Подробнее о сайте site-vizitka-kiev.org.ua
ТОП-10
READ ALSO
Разширение Chrome. эмуляция клика мишкой
javascript

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

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

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

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

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

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

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

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

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

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

 196