(function($) {
var $width = $('#width');
var $sample = $('.xe-clearfix');
$width.on('input', function() {
$sample.width($width.val());
});
})(jQuery);
위 처럼, 슬라이더를 이용해 .xe-clearfix 라는 레이어의 width를 조정할 수 있게 만들었는데요,
문제는
<input type="range" id="width" min="60%" max="100%">
최소값을 저렇게 60% 이상으로 설정해도, 직접 해보시면 아시겠지만 저렇게 되버립니다.
테스트경로는 http://lifeto.cafe24.com/xe/request# 에 접속하셔서, 왼쪽 환경설정 아이콘 누르시면 나오는 패널에 있는 슬라이더를 오른쪽으로 드래그 하시면 테스트하실 수있습니다.
jQuery 에 소질이없다보니, 질문 드립니다.
어떻게하면 width 최소값 60% 최대값 100% 로 슬라이더를 이용해 조절할 수 있을까요?