사용자 지정 디자인으로 간단한 슬라이더를 설정하려고하지만 슬라이더 핸들이 작동하지 않습니다. 나는 내가 꽤 졸 렸던 무엇인가 쉬운 cuz를 놓쳤다라고 생각한다. 샘플 코드를 살펴볼 수 있다면 기쁩니다.jQuery 슬라이더 핸들이 슬라이드되지 않습니다.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<style type="text/css" rel="stylesheet">
body { background-color: green; }
#slider {
float: left;
width: 19px; height: 338px;
background-image: url('images/bg_scroller.png');
background-position: center center;
background-repeat: no-repeat;
}
#slider-handle {
position: absolute; cursor: pointer;
width: 19px; height: 31px;
background-image: url('images/scroller.png');
background-position: center center;
background-repeat: no-repeat;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$('#slider').slider({
orientation: "vertical",
min: 0,
max: 100,
handle: '#slider-handle',
stop: function (event, ui) {
console.log("stop",ui)
//ul.animate({'left' : ui.value * -1}, 500);
},
slide: function (event, ui) {
console.log("slide",ui)
//ul.css('left', ui.value * -1);
}
});
});
</script>
</head>
<body>
<div id="slider">
<div id="slider-handle"></div>
</div>
</body>
</html>
샘플 코드도 여기에 배치됩니다. http://www.zpnd.com/sak/slider.php
졸린 시간에는 코드를 작성하지 마십시오! – ShankarSangoli
물론, 왜 안 되니? 나는 잠자리를 얻으려면 새로운 직업이 필요하거나 복권에 당첨 될뿐입니다. – Tim