Slide 31
Slide 31 text
程式碼
(function () {!
var val = 1;!
var $span = $('span').text(val);!
var $slider = $('input[type=range]').val(val);!
var $text = $('input[type=text]').val(val);!
!
$slider.on('input', function () {!
val = $(this).val(); // 更新 val 數值!
$span.text(val); // 同步 $span 內容!
$text.val(val); // 同步 $text 值!
});!
!
$text.on('keyup', function () {!
val = $(this).val(); // 更新 val 數值!
$span.text(val); // 同步 $span 內容!
$slider.val(val); // 同步 $slider 值!
});!
})();
http://goo.gl/nhwtyN