スライダーの基本的な構文は次のとおりだと思いました。
<div id="slider"></div>
$("#slider").slider()
しかし、それは目に見えるスライダーにはなりません。要素div
を調べると、いくつかのスタイルが適用されていることがわかりますが、スライダーは表示されません。
ここにフィドルがあります:http://jsfiddle.net/yqNcn/
スライダーの基本的な構文は次のとおりだと思いました。
<div id="slider"></div>
$("#slider").slider()
しかし、それは目に見えるスライダーにはなりません。要素div
を調べると、いくつかのスタイルが適用されていることがわかりますが、スライダーは表示されません。
ここにフィドルがあります:http://jsfiddle.net/yqNcn/
jQuery UI の CSS を含めていないため、クラスは適用されますが、スタイルは適用されません (実際には適用するものはありません)。スタイルを含む編集済みのフィドルを次に示します (リソース パネルを見てください)。スライダーは本来あるべき姿で表示されます。
最初にjavascriptファイル* jquery.sをインポートし、Jquery UIウィジェットJquery-ui.jsをインポートしてから、この例のIDで
Css Divタグを配置します <div id="slider"></div>
<div id="slider"></div>
次に、Jqueryスライダー関数を呼び出します....
<script>
$(function() {
$( "#slider" ).slider();
});
</script>