从外部 JavaScript 滑块初始化滑块

Initialize a slider from external javascript slider

本文关键字：初始化 JavaScript 从外部      更新时间：2023-09-26

我使用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>

自定义.js是带有滑块的那个。

在<head> </head>内使用以下代码

请勿在室外使用 

<script src="your_JS_full_path.js"></script>
相关文章：