私は 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=NN
HTML にパラメーターを含める必要があることを発見しました。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
グローバル変数です。
ありがとうございました。