Здесь я работаю над созданием внутреннего инструмента, чтобы помочь внутренним разработчикам подбирать подходящие компоненты.То, что я делаю, дает разработчикам небольшую панель инструментов в их браузере, которая будет накладывать iframe и загружать комп в зависимости от установленного флажка.Они могут включать и выключать это, а также регулировать непрозрачность iframe.
Я столкнулся с проблемой, когда с помощью ползунка он, похоже, не распознает «1.0» как мою непрозрачность.Когда я впервые загружаю его, iframe имеет непрозрачность 100%.Если я использую ползунок для понижения в значении, iframe уменьшает непрозрачность.Когда я использую ползунок, чтобы вернуться к значению, непрозрачность увеличивается до тех пор, пока я не доберусь до конца, максимальное значение равно 10. Он работает до 9, но без изменений с 9 до 10.
Вот элемент формы / ползунок:
<input id="range" size="1" type="range" min="0" max="10" step="1" value="10">
<label id="range_label" for="range">Comp opacity:</label>
И мой обработчик событий:
$('#range').change(function() {
var val = this.value;
console.log(val);
if (val == 10) {
iframe.style.opactiy = '1.0';
} else {
iframe.style.opacity = '0.' + this.value;
}
});
У кого-нибудь есть идеи?
Редактировать: IЯ обновил диапазон, чтобы перейти к 0-100 (с шагом 1 для каждого шага) вместо 0-10, и это немного помогает, поскольку вместо того, чтобы заканчиваться с непрозрачностью 90%, я, кажется, заканчиваю на 99%.Все равно хотелось бы узнать, как получить непрозрачность на 1,0.