流星：如何初始化流星中的流星？

本文介绍了流星：如何初始化流星中的流星？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

  Template.templateOne.onRendered（function（）{
 noUiSlider.create（document.getElementById（'slider'），{
 connect：lower，
 range：{
 min：0，
 max：100 
}，
 start：50 
}）; 
}）;

有人可以给我相应的html吗？我尝试了一个id ='slider'的div，我尝试通过Chrome的检查功能复制示例网站中的所有div。这两种方法都没有奏效：（$ / b>

解决方案

首先，您需要添加。

  meteor npm install --save nouislider

在您的HTML文件中创建滑块容器。

 < template name =templateOne> 
< div id =slider>< / div> 
< / template>

然后在模板的 onRendered callback中初始化它
$ b

 从'nouislider'导入noUiSlider; 
 
模板.templateOne.onRendered（function（）{
 noUiSlider.create（this。$（'＃slider'）[0]，{
 connect：lower，
 range：{min： 0，max：100}，
 start：50 
}）; 
}）;

The js code to initialize it is easy to find:

Template.templateOne.onRendered(function(){
  noUiSlider.create(document.getElementById('slider'), {
    connect: "lower",
    range: {
      min: 0,
      max: 100
    },
    start: 50
  });
});

Could someone just give me the corresponding html? I tried just a div with id='slider' and I tried copying all the divs from the example sites via Chrome's inspect function. Neither worked :(

解决方案

First, you need to add the npm package.

meteor npm install --save nouislider

Create you slider container in your HTML file.

<template name="templateOne">
  <div id="slider"></div>
</template>

Then initialize it in your template's onRendered callback and be sure to input the package as well.

import noUiSlider from 'nouislider';

Template.templateOne.onRendered(function() {
   noUiSlider.create(this.$('#slider')[0], {
     connect: "lower",
     range: { min: 0, max: 100 },
     start: 50
  });
});

这篇关于流星：如何初始化流星中的流星？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！

1403页，肝出来的..