2016-05-03 15 views
0

私はjqueryのでは、このシンプルなスライダーモバイルデータミニとデータハイライトがスライダ(jquery)で機能しないのはなぜですか?

<label for="slider-1">Input slider:</label> 
<input type="range" name="slider-1" id="slider-1" value="60" min="0" max="100" data-highlight="true" data-theme="b" data-track-theme="b" data-mini="true"/> 

にコードを持っているが、ほとんどのドキュメント(https://demos.jquerymobile.com/1.2.0/docs/forms/slider/)とスライダー作品からコピーして貼り付けられます。 Value、data-theme、data-track-themeはうまく機能しています。代わりに、データミニとデータハイライトはスライダには何の影響もありません...さまざまなブラウザで試しました。なぜこれが起こるのでしょうか?

編集: スクリプトの方法で試してみました。いいえ、幸運でもない。

<script> 
$(document).ready(function(){ 
    $('#slider-1').slider({ mini: true }); 
}); 
</script> 
+0

を解決細かい動作しているようだ。https://jsfiddle.net/j0434dod/ – Justinas

+0

私が知っている、続きます私はおそらく可能なドキュメント。問題を示すために他のコードを公開してうれしいですが、どの部分がこの(部分的な)問題を引き起こしているのか分かりません。 –

答えて

0

解決済み。

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.css" /> 
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.js"></script> 

を変更する間違ったライブラリのバージョン

は問題

関連する問題