Question

我使用noUIslider并尝试从外部javascript文件初始化它。

<div id="slider-med" class="slider-success"></div><input type="text" id="med-value" value="0"/>


$( document ).ready(function() {

$('#slider-med').noUiSlider({
  connect: 'lower',
  start: [ 4 ],
  step: 1,
  range: {
    'min': [  0 ],
    'max': [ 5 ]
  },
  format: wNumb({
    decimals: 0
  })
}); 
});

如果我将JS代码放在HTML文件的末尾，它就可以了。如果我把它放在外部JS文件中，它就不起作用。因为，我在页面中有很多滑块，我想保持清晰，并将大部分JS代码放在外部文件中。

编辑：这是我的脚本在html代码末尾的顺序：

<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/noUiSlider/jquery.nouislider.all.min.js"></script>
<script type="text/javascript" src="/static/js/materialize.min.js"></script>
<script type="text/javascript" src="/static/js/cookies.js"></script>

<script type="text/javascript" src="/static/js/custom.js"></script>

custom.js是带滑块的那个。

Answer 1

在<head> </head>

中使用以下代码

不要在外面使用

<script src="your_JS_full_path.js"></script>

从外部javascript滑块初始化滑块

1 个答案: