0
流星群のアプリで、ステップ0.001で0と1の間にスライダーを作成しようとしていますが、スライダーにデフォルト値を設定したくないので、ハンドルを表示したくありませんユーザーが値を決定するまで、スライダの値を変更します。私は一般的に流星とウェブ開発に新しいので、私はいくつかのコードをコピーし、私は自分の文脈に合わせて編集しています。私のJSファイルがこの流星JQueryと 'スライダー'機能
Template.game_task.onCreated(()=>{
if (!Session.get("sliderValue")){
Session.setPersistent('sliderValue', -1)
}
});
Template.game_task.onRendered(()=> {
/////// the slider stuff //////
$("#slider").slider({
min: 0,
max: 1,
step: 0.01,
slide: function(event, ui) {
$('#slider > .ui-slider-handle').show();
Session.setPersistent('sliderValue',ui.value)
},
change: function(event, ui) {
//save value to collection
}
});
$('#slider > .ui-slider-handle').hide();
});
その後、私のHTMLファイル
<template name="game_task">
<div id="slider"></div>
<span id="min">0</span>
<span class="quarter">0.25</span>
<span class="quarter">0.5</span>
<span class="quarter">0.75</span>
<span id="max">1</span>
<input name="guess" id="guess" value="-1" hidden />
</template>
のように見えます
は、しかし、私は次のエラーを取得する：
Exception from Tracker afterFlush function:
meteor.js?hash=6d285d84547b3dad9717a7c89c664b61b45ea3d8:942 TypeError: $(...).slider is not a function
at Blaze.TemplateInstance.
私にはないようです.slider(..)の機能はありますか？私は流星パッケージにJQueryを持っていますが（デフォルトで表示されます）
スライダーは、デフォルトで流星と一緒にパッケージされていないjquery-uiの一部です。お試しくださいhttps://atmospherejs.com/mizzao/jquery-ui –
@MichelFloydありがとう！これはうまくいった！しかし、このスライダーは下限で奇妙に振る舞います。私が0に行くと、私は0.01に落ち、その後私が得る値はnullです。だから、私は決して0を選ぶことができません。これは高い方では起こりません。 – amaatouq
なぜ別の質問を投稿してみませんか？ –