모바일 터치 기능? 채택완료
코딩초보1
6년 전
조회 2,603
안녕하세요 문의좀드리겠습니다.
http://www.uhoon.co.kr/test/3377.html">http://www.uhoon.co.kr/test/3377.html
위가 참고링크인데요
슬라이더 ui를 모바일로 볼시 터치로 이동이 안되더라구요
pc에서는 잘되는데 모바일에서도 가능하게끔 할 수 있는방법이있을까요?
</p>
<table>
<tbody>
<tr>
<td value="1"> </td>
<td><!doctype html></td>
</tr>
<tr>
<td value="2"> </td>
<td><html lang="en"></td>
</tr>
<tr>
<td value="3"> </td>
<td> </td>
</tr>
<tr>
<td value="4"> </td>
<td><head></td>
</tr>
<tr>
<td value="5"> </td>
<td><meta charset="utf-8"></td>
</tr>
<tr>
<td value="6"> </td>
<td><title>jQuery UI Slider</title></td>
</tr>
<tr>
<td value="7"> </td>
<td><link rel="stylesheet" href="<a href="<a href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css" target="_blank" rel="noopener noreferrer">http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css</a>" rel="noreferrer noopener" target="_blank">//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css</a>"></td>
</tr>
<tr>
<td value="8"> </td>
<td><script src="<a href="<a href="http://code.jquery.com/jquery-1.10.2.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-1.10.2.js</a>" rel="noreferrer noopener" target="_blank">//code.jquery.com/jquery-1.10.2.js</a>"></script></td>
</tr>
<tr>
<td value="9"> </td>
<td><script src="<a href="<a href="http://code.jquery.com/ui/1.11.0/jquery-ui.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/ui/1.11.0/jquery-ui.js</a>" rel="noreferrer noopener" target="_blank">//code.jquery.com/ui/1.11.0/jquery-ui.js</a>"></script></td>
</tr>
<tr>
<td value="10"> </td>
<td><script></td>
</tr>
<tr>
<td value="11"> </td>
<td>$(function() {</td>
</tr>
<tr>
<td value="12"> </td>
<td>$("#slider-range-max").slider({</td>
</tr>
<tr>
<td value="13"> </td>
<td>range: "max",</td>
</tr>
<tr>
<td value="14"> </td>
<td>min: 1,</td>
</tr>
<tr>
<td value="15"> </td>
<td>max: 10,</td>
</tr>
<tr>
<td value="16"> </td>
<td>value: 2,</td>
</tr>
<tr>
<td value="17"> </td>
<td>slide: function(event, ui) {</td>
</tr>
<tr>
<td value="18"> </td>
<td>$("#amount").val(ui.value);</td>
</tr>
<tr>
<td value="19"> </td>
<td>}</td>
</tr>
<tr>
<td value="20"> </td>
<td>});</td>
</tr>
<tr>
<td value="21"> </td>
<td>$("#amount").val($("#slider-range-max").slider("value"));</td>
</tr>
<tr>
<td value="22"> </td>
<td> </td>
</tr>
<tr>
<td value="23"> </td>
<td> </td>
</tr>
<tr>
<td value="24"> </td>
<td>$("#slider-range").slider({</td>
</tr>
<tr>
<td value="25"> </td>
<td>range: true,</td>
</tr>
<tr>
<td value="26"> </td>
<td>min: 0,</td>
</tr>
<tr>
<td value="27"> </td>
<td>max: 500,</td>
</tr>
<tr>
<td value="28"> </td>
<td>values: [75, 300],</td>
</tr>
<tr>
<td value="29"> </td>
<td>slide: function(event, ui) {</td>
</tr>
<tr>
<td value="30"> </td>
<td>$("#amount2").val("$" + ui.values[0] + " - $" + ui.values[1]);</td>
</tr>
<tr>
<td value="31"> </td>
<td>}</td>
</tr>
<tr>
<td value="32"> </td>
<td>});</td>
</tr>
<tr>
<td value="33"> </td>
<td>$("#amount2").val("$" + $("#slider-range").slider("values", 0) + " - $" + $("#slider-range").slider("values", 1));</td>
</tr>
<tr>
<td value="34"> </td>
<td> </td>
</tr>
<tr>
<td value="35"> </td>
<td>$("#slider").slider({</td>
</tr>
<tr>
<td value="36"> </td>
<td>value:10,</td>
</tr>
<tr>
<td value="37"> </td>
<td>min: 0,</td>
</tr>
<tr>
<td value="38"> </td>
<td>max: 100,</td>
</tr>
<tr>
<td value="39"> </td>
<td>step: 10,</td>
</tr>
<tr>
<td value="40"> </td>
<td>slide: function( event, ui ) {</td>
</tr>
<tr>
<td value="41"> </td>
<td>$( "#amount3" ).val( "$" + ui.value );</td>
</tr>
<tr>
<td value="42"> </td>
<td>}</td>
</tr>
<tr>
<td value="43"> </td>
<td>});</td>
</tr>
<tr>
<td value="44"> </td>
<td>$( "#amount3" ).val( "$" + $( "#slider" ).slider( "value" ) );</td>
</tr>
<tr>
<td value="45"> </td>
<td>});</td>
</tr>
<tr>
<td value="46"> </td>
<td></script></td>
</tr>
<tr>
<td value="47"> </td>
<td></head></td>
</tr>
<tr>
<td value="48"> </td>
<td> </td>
</tr>
<tr>
<td value="49"> </td>
<td><body></td>
</tr>
<tr>
<td value="50"> </td>
<td> </td>
</tr>
<tr>
<td value="51"> </td>
<td> </td>
</tr>
<tr>
<td value="52"> </td>
<td><div style="padding:20px;text-align:center;"></td>
</tr>
<tr>
<td value="53"> </td>
<td><script async src="<a href="<a href="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" target="_blank" rel="noopener noreferrer">http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js</a>" rel="noreferrer noopener" target="_blank">//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js</a>"></script></td>
</tr>
<tr>
<td value="54"> </td>
<td><!-- source.uhoon.co.kr --></td>
</tr>
<tr>
<td value="55"> </td>
<td><ins class="adsbygoogle"</td>
</tr>
<tr>
<td value="56"> </td>
<td>style="display:inline-block;width:468px;height:60px"</td>
</tr>
<tr>
<td value="57"> </td>
<td>data-ad-client="ca-pub-4169082997566429"</td>
</tr>
<tr>
<td value="58"> </td>
<td>data-ad-slot="5725636632"></ins></td>
</tr>
<tr>
<td value="59"> </td>
<td><script></td>
</tr>
<tr>
<td value="60"> </td>
<td>(adsbygoogle = window.adsbygoogle || []).push({});</td>
</tr>
<tr>
<td value="61"> </td>
<td></script></td>
</tr>
<tr>
<td value="62"> </td>
<td></div></td>
</tr>
<tr>
<td value="63"> </td>
<td> </td>
</tr>
<tr>
<td value="64"> </td>
<td><p></td>
</tr>
<tr>
<td value="65"> </td>
<td><input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;"></td>
</tr>
<tr>
<td value="66"> </td>
<td></p></td>
</tr>
<tr>
<td value="67"> </td>
<td><div id="slider-range-max"></div></td>
</tr>
<tr>
<td value="68"> </td>
<td> </td>
</tr>
<tr>
<td value="69"> </td>
<td><p></td>
</tr>
<tr>
<td value="70"> </td>
<td><input type="text" id="amount2" readonly style="border:0; color:#f6931f; font-weight:bold;"></td>
</tr>
<tr>
<td value="71"> </td>
<td></p></td>
</tr>
<tr>
<td value="72"> </td>
<td><div id="slider-range"></div></td>
</tr>
<tr>
<td value="73"> </td>
<td> </td>
</tr>
<tr>
<td value="74"> </td>
<td><p></td>
</tr>
<tr>
<td value="75"> </td>
<td><input type="text" id="amount3" readonly style="border:0; color:#f6931f; font-weight:bold;"></td>
</tr>
<tr>
<td value="76"> </td>
<td></p></td>
</tr>
<tr>
<td value="77"> </td>
<td><div id="slider"></div></td>
</tr>
<tr>
<td value="78"> </td>
<td></body></td>
</tr>
<tr>
<td value="79"> </td>
<td> </td>
</tr>
<tr>
<td value="80"> </td>
<td>
<p></html></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
답변을 작성하려면 로그인이 필요합니다.
로그인