Я буду использовать ползунок диапазона для своего веб-сайта из jQuery Mobile. Проблема в том, что на моем веб-сайте есть и другие элементы управления, которые я буду использовать из начальной загрузки.
.rangeslider
— единственное, что я буду использовать из jQuery Mobile. select.form-control
я буду использовать из бутстрапа.
Мой вопрос: как я могу исключить все вещи jQuery Mobile, кроме .rangeslider
?
Я заглянул на официальный сайт 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>