jQuery Mobile에서 내 웹 사이트의 범위 슬라이더를 사용합니다. 문제는 내가 부트 스트랩에서 사용할 내 웹 사이트의 다른 컨트롤이 있다는 것입니다.jQuery Mobile의 범위 목록을 포함시키는 방법은 무엇입니까?
.rangeslider
은 jQuery Mobile에서 사용할 유일한 것입니다. select.form-control
부트 스트랩에서 사용하겠습니다.
제 질문은 .rangeslider
을 제외한 jQuery Mobile의 모든 것을 어떻게 제외시킬 수 있습니까?
jQuery Mobile의 공식 사이트를 살펴 봤지만 범위 링크를 포함한 모든 구성 요소를 다운로드 할 수있는 링크 만 있습니다.
아래 코드는 제 코드입니다. 오류를 보려면 결과를 참조하십시오.
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<p>This is oke</p>
<div data-role="rangeslider"> <!-- Rangeslider form JQuery mobile -->
<label for="price-min">Price:</label>
<input type="range" name="price-min" id="price-min" value="200" min="0" max="1000">
<label for="price-max">Price:</label>
<input type="range" name="price-max" id="price-max" value="800" min="0" max="1000">
</div>
<hr/>
<p>This is not oke</p>
<select class="form-control"> <!-- form-control from bootstrap -->
<option>1</option>
<option>2</option>
<option>3</option>
</select>