如何仅包含来自 jQuery Mobile 的范围滑块？

Question

我将在 jQuery 移动设备上为我的网站使用范围滑块。问题是我的网站上还有其他控件，我将使用 bootstrap。

.rangeslider 是我唯一会在 jQuery 移动设备上使用的东西。我将从 bootstrap.

使用 select.form-control

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

我查看了 jQuery Mobile 的官方网站，但只喜欢 link 下载所有组件，而不仅仅是 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>

Answer 1

您将需要使用下载生成器来只下载您需要的内容，而不是下载所有内容。看到这个 link http://jquerymobile.com/download-builder/.

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

如何仅包含来自 jQuery Mobile 的范围滑块？

How to just include the rangeslider from jQuery Mobile?

twitter-bootstrap

jquery-mobile

rangeslider