Задать вопрос
@ivansimonov1984

Как улучшить (объединить) код jquery?

Мой - код
Когда создаем новый slider range - добавляется соот. jquery

Например, для 1-го (соот. и для остальных, меняется только индекс)

<div class="range-slider-container range-slider-container-1">
  <input type="text" class="range-discount-1" name="rangeDiscount-1" value="1;21" data-from="5" data-min="1" data-max="21" data-step="2" data-grid="true">
</div>


//range slider 1
  var rangeSliderDiscount1 = function() {

    var rangeContainer1 = $('.range-slider-container-1');
    var rangeDiscount1 = $('.range-discount-1');

    rangeDiscount1.ionRangeSlider({
      type: "single",      
      grid_snap: true,
      postfix: " $",
      onStart: function(data) {
        //console.log("onStart");
      }
    });

    rangeContainer1.find('.irs').on('change click', '.irs', function() {

      $(this).append('<span class="irs-price-plus">+40 $</span>');

      var irsSingle = rangeContainer1.find('.irs-single'),
        irsSingleOffset = irsSingle.position(),
        irsSingleOffsetLeft = irsSingleOffset.left;
      console.log(irsSingleOffsetLeft);

      var irsPricePlus = rangeContainer1.find('.irs-price-plus');

      irsPricePlus.css({
        left: irsSingleOffsetLeft + 140 + 'px'
      });
    }).trigger('click');

  }
  rangeSliderDiscount1();


Как этого избежать и как улучшить код jquery?
  • Вопрос задан
  • 112 просмотров
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы