私は egorkhmelev の https://github.com/egorkhmelev/jslider (2012 年 10 月 10 日付け) を使用していますが、jslider インスタンスをプログラムで初期化できませんでした。jQuery 1.9.1 と完全な jQuery-ui 1.10.3 (両方とも縮小) も使用しています。
私はEgorのドキュメントとこのサイトの参照を見てきました$(elementID).slider("value", value, value)が、jsliderを構築するための後続のステートメントのdocument.ready関数にそれを入れると、jQuery 1.9.1が報告します
Error: cannot call methods on slider prior to initialisation; attempted to call method 'value'
コード行を document.ready 関数の外に移動しても、このエラーは生成さ.slider("value"...)れませんが、何もしません。doc.ready の内外で.jを試しましたが、エラーは発生しませんが、デフォルト値も設定されません。slider("value"...)
また、jslider の初期化で「値」オプションを指定しようとしましたが、これも効果がありません。
クリエイティブになって、私も試しました
$('input[id=timeSlider]').val(defaultValue);
$('#timeSlider').slider("value",defaultValue);
と
$('#timeSlider').html($('#timeSlider').html().replace(/value=\d+/,'value='+defaultValue));
どちらも何の効果もありません。 .html()doc ready 内では何も返されません。
value=NNHTML にパラメーターを含める必要があることを発見しました。uncaught exception: jquery.slider: INPUT element does not have a value.
試してみて、答えを探しましたが、これを解決できませんでした。明らかなことを見逃していたら申し訳ありません。
HTML:
<span style="display: inline-block; width: 270px; padding: 1em 1em 1.5em 1em;">
<input id="timeSlider" type="slider" name="timeSlide" value=15 />
</span>
Javascript (doc ready 関数から):
$('#timeSlider').jslider({
から: 0,
に: 600,
不均一性: ['25/10', '50/20', '75/120'],
ステップ1、
ラウンド1、
制限:false、
スケール: ['∞', '|', 10, '|', '20', '|', 120, '|', 600],
次元: ' s',
皮膚:「プラスチック」、
onstatechange: 関数 (値) {
defaultValue = 値;
}
});
はdefaultValueグローバル変数です。
ありがとうございました。