私はそれらのいくつかを持っています:
<div class="enunt">text here</div>
<div class="ans"><input type="text" id="amount1" style="border: 0; color: #f6931f; font-weight: bold;" /></div>
<div id="slider1" class="slide"></div>
他は同じ構造ですが、IDはインデックス番号によって異なります。そして、JQueryスライダーを設定する関数が必要です。私がしたことはこれです:
function slider(i) {
$( '#slider' + i ).slider({
value:4,
min: 1,
max: 7,
step: 1,
slide: function( event, ui, i ) {
$( '#amount' + i ).val( ui.value );
}
});
$( '#amount' + i ).val( $( '#slider' + i ).slider( "value" ) );
}
そしてそれをそのように呼びます:
for (var i=1; i<6; i++)
slider(i);
これはまったく機能しません。私の間違いはどこにありますか?初めてのJQueryアプリですので、よろしくお願いします。