0

私は 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グローバル変数です。

ありがとうございました。

4

0 に答える 0