Мой -
код
Когда создаем новый
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
?