0

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
  })
}); 
});

HTML ファイルの末尾に JS コードを挿入すると、動作します。外部の 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 はスライダーのあるものです。

4

1 に答える 1

0

Use the following code inside<head> </head>

don't use outside 

<script src="your_JS_full_path.js"></script>
于 2015-01-14T12:37:13.283 に答える