Javascript Meteor JQuery和';滑块';功能
我正在尝试使用步骤0.001在我的meteor应用程序中创建一个介于0和1之间的滑块,我不希望滑块具有默认值,并且我不希望在用户决定值之前显示滑块的句柄。一般来说,我对Meteor和web开发是新手,所以我复制了一些代码,并一直在编辑它以适应我的环境 我的JS文件如下所示Javascript Meteor JQuery和';滑块';功能,javascript,jquery,meteor,meteor-blaze,Javascript,Jquery,Meteor,Meteor Blaze,我正在尝试使用步骤0.001在我的meteor应用程序中创建一个介于0和1之间的滑块,我不希望滑块具有默认值,并且我不希望在用户决定值之前显示滑块的句柄。一般来说,我对Meteor和web开发是新手,所以我复制了一些代码,并一直在编辑它以适应我的环境 我的JS文件如下所示 Template.game_task.onCreated(()=>{ if (!Session.get("sliderValue")){ Session.setPersistent('slider
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>
似乎我没有
.slider(..)
功能?虽然我的meteor软件包中有JQuery(默认情况下是这样的)。slider是JQuery ui的一部分,默认情况下,它不是与meteor一起打包的。您可以尝试slider是jquery ui的一部分,默认情况下,它没有使用Meteor afaik打包。你可以试试@MichelFloyd谢谢!这成功了!但是这个滑块在下限时表现得很奇怪。当我转到0时,我降到0.01,然后得到的值为null。所以我永远无法选择0。。这不会发生在高端。为什么不发布一个不同的问题呢。
Exception from Tracker afterFlush function:
meteor.js?hash=6d285d84547b3dad9717a7c89c664b61b45ea3d8:942 TypeError: $(...).slider is not a function
at Blaze.TemplateInstance.