2017-02-14 5 views
1

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>

答えて

1

あなたがすべてではなく、必要なものだけダウンロードするダウンロードBuilderを使用する必要があります。このリンクhttp://jquerymobile.com/download-builder/を参照してください。

必要なモジュールを選択してダウンロードをカスタマイズすることができます。

関連する問題