如何只包含来自 jQuery Mobile 的范围滑块？答案

【问题标题】：How to just include the rangeslider from jQuery Mobile?如何只包含来自 jQuery Mobile 的范围滑块？
【发布时间】：2017-02-14 21:17:19
【问题描述】：

我将从 jQuery Mobile 为我的网站使用范围滑块。问题是我的网站上还有其他控件，我将从引导程序中使用。

.rangeslider 是我将在 jQuery Mobile 中使用的唯一东西。 select.form-control 我将从引导程序中使用。

我的问题是，除了 .rangeslider 之外，我如何排除 jQuery Mobile 的所有内容？

我查看了 jQuery Mobile 的官方网站，但只喜欢下载所有组件的链接，而不仅仅是 rangeslider。

下面是我的代码。另请参阅结果以查看错误。

<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>

【问题讨论】：

标签： twitter-bootstrap jquery-mobile rangeslider

【解决方案1】：

您将需要使用 Download Builder 仅下载您需要的内容，而不是所有内容。请参阅此链接http://jquerymobile.com/download-builder/。

它允许您通过选择所需的特定模块来自定义下载。

【讨论】：