슬라이더에 터치 옵션 추가하기

나는 가격대 슬라이더를 만들고 있습니다. 나는 jQuery 가이드를 따르고 참조 용으로 사용하고있다.슬라이더에 터치 옵션 추가하기

내 문제는 실제 슬라이더에 드래그 가능한 동작을 추가 할 수 없다는 것입니다. 내가 연구하고 jquery.ui.touch-punch.min.js을 추가하려고했지만, 내 문제를 해결하지 못했습니다.

내 코드는 아래를 참조하시기 바랍니다 :

이

<script src="jquery.ui.touch-punch.min.js"></script>

현재 코드가이 파일을 예상 :

$(function() { 
 
    $("#slider-range-min").slider({ 
 
     range: "min", 
 
     value: 400, 
 
     min: 400, 
 
     max: 2000, 
 
     slide: function(event, ui) { 
 
     $("#amount").val("£" + ui.value); 
 
     } 
 
    }); 
 
    $("#amount").val("£" + $("#slider-range-min").slider("value")); 
 
    $('#slider-range-min').draggable(); 
 
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"> 
 

 
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
 
<script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js"></script> 
 
<script src="jquery.ui.touch-punch.min.js"></script> 
 
<p> 
 
    <label for="amount">Maximum price:</label> 
 
    <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;"> 
 
</p> 
 

 
<div id="slider-range-min"></div>

출처

2016-07-18 John

"실제 슬라이더에 드래그 가능한 동작을 추가 할 수 없습니다"라는 것은 무엇을 의미합니까? 네가 가진 모든 것은 나를 위해 잘 작동하는 것 같다. – DBS

@DBS 터치 장치에서 슬라이더를 끌 수 없습니다. – John

''가 올바르게로드되고 있습니까? (dev 콘솔을 열고 오류가 있는지 확인하십시오.) – DBS

당신은 당신이 올바르게로드했는지 확인해야합니다 HTML 페이지와 같은 폴더에 있어야합니다. 다른 곳에서 호스팅되는 경우 링크를 변경하거나 일부 양식의 CDN을 사용해야합니다.

출처

2016-07-18 15:50:26 DBS

슬라이더에 터치 옵션 추가하기

답변

관련 문제