2015-07-24 7 views
4

Я не могу noUISlider работать Вот мой фрагмент кода:не может получить noUISlider работать

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

 
noUiSlider.create(handlesSlider, { 
 
\t start: [ 4000, 8000 ], 
 
\t range: { 
 
\t \t 'min': [ 2000 ], 
 
\t \t 'max': [ 10000 ] 
 
\t } 
 
}); 
 
</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>

И я получаю эту ошибку: неперехваченным TypeError: Невозможно прочитать свойство «nodeName» из null

+0

ошибка связана с каким файлом точно или с какой линией? –

+0

Файл: nouislider.min.js: 3 и Line 3 - это почти весь код, его слишком долго, чтобы опубликовать его здесь:/ – Juloius

+0

Попробуйте отладить с неминифицированными версиями. –

ответ

4

Попробуйте разместить свой javascript с помощью:

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

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

Я пробовал одну и ту же ошибку:/ Ty anyways – Juloius

+0

проблема заключалась в том, что javascript, Элемент html разграничивается, поэтому, когда u добавляет $ (document). Уже он будет исключен после того, как будет произведено преобразование всех элементов html –