jQuery Mobileの私のウェブサイトの範囲スライダを使用します。問題は、私がブートストラップから使う私のウェブサイト上の他のコントロールも持っていることです。どのようにjQuery Mobileのrangesliderを含めるだけですか?
.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>