admin管理员组

文章数量:1312948

I can't get noUISlider to work Here my code snippet:

<script>
var handlesSlider = document.getElementById('slidertest');

noUiSlider.create(handlesSlider, {
	start: [ 4000, 8000 ],
	range: {
		'min': [  2000 ],
		'max': [ 10000 ]
	}
});
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TEST</title>    
<link rel="stylesheet/less" type="text/css" href="css/style.less"/>
<link href="css/nouislider.min.css" rel="stylesheet">
<script src="scripts/less.js"> </script>
<script src="scripts/jquery-2.1.4.min.js"> </script>
<script src="scripts/jquery-ui.min.js"> </script>
<script src="scripts/dropzone.js"> </script>
<script src="scripts/nouislider.min.js"> </script>
</head>



...

<div id="slidertest"></div>

I can't get noUISlider to work Here my code snippet:

<script>
var handlesSlider = document.getElementById('slidertest');

noUiSlider.create(handlesSlider, {
	start: [ 4000, 8000 ],
	range: {
		'min': [  2000 ],
		'max': [ 10000 ]
	}
});
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TEST</title>    
<link rel="stylesheet/less" type="text/css" href="css/style.less"/>
<link href="css/nouislider.min.css" rel="stylesheet">
<script src="scripts/less.js"> </script>
<script src="scripts/jquery-2.1.4.min.js"> </script>
<script src="scripts/jquery-ui.min.js"> </script>
<script src="scripts/dropzone.js"> </script>
<script src="scripts/nouislider.min.js"> </script>
</head>



...

<div id="slidertest"></div>

And I'm getting this error: Uncaught TypeError: Cannot read property 'nodeName' of null

  • javascript
  • jquery
  • slider
  • nouislider
Share Improve this question asked Jul 24, 2015 at 0:42 JuloiusJuloius 2631 gold badge4 silver badges11 bronze badges 4
  • the error is related to what file exactly or what line ? – Mouhamed Halloul Commented Jul 24, 2015 at 0:58
  • File: nouislider.min.js:3 and Line 3 is nearly the whole code, its too long to post it here :/ – Juloius Commented Jul 24, 2015 at 1:04
  • Try debugging with the non-minified versions. – Nathan Tuggy Commented Jul 24, 2015 at 1:06
  • okay i changed the min version to the unpressed version and now the target line is: "if ( !target.nodeName ) {" – Juloius Commented Jul 24, 2015 at 1:07
Add a ment  | 

1 Answer 1

Reset to default 6

try surrounding your javascript with : 

$( document ).ready(function() {
    var handlesSlider = document.getElementById('slidertest');

noUiSlider.create(handlesSlider, {
    start: [ 4000, 8000 ],
    range: {
        'min': [  2000 ],
        'max': [ 10000 ]
    }
});
});

本文标签： javascriptcan39t get noUISlider to workStack Overflow

版权声明：本文标题：javascript - can&#39;t get noUISlider to work - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1741905948a2404144.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。