2014-01-31 3 views
0

Имея небольшую проблему с плагином bootstrap-slider от http://www.eyecon.ro/bootstrap-slider/.Uncaught TypeError: Object [object Object] не имеет никакого метода 'slider' на bootstrap = плагин слайдера

Получение этой ошибки: неперехваченным TypeError: Object [объект Object] не имеет метода 'слайдер'

Из следующего кода:

<head> 
<link href="./bootstrap/css/bootstrap.css" rel="stylesheet"> 
<link href="./bootstrap/css/custom.css" rel="stylesheet"> 
<link href="./bootstrap/css/slider.css" rel="stylesheet"> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script type="test/javascript" src="./bootstrap/js/bootstrap.js"></script> 
<script type="test/javascript" src="./bootstrap/js/bootstrap-slider.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#slider-price').slider(); 
}); 
</script> 
... 
</head> 
<body> 
... 
<div class="col-md-6"> 
    <span class="logo-font-sb-md">Price: £1<input id="slider-price" class="logo-font-el-sm" value="" data-slider-min="1" data-slider-max="1000" data-slider-step="1" data-slider-value="[250,450]"/> <b>€ 1000</b> 
</div> 

Я совершенно новой для JQuery так что я, скорее всего, сделал глупую ошибку, но по достоинству оценил бы выкалывание в правильном направлении!

Дальнейшее уточнение:

Это не 404 ошибка с JS-файлов, или порядка загрузки последовательности.

+1

Я предположил бы, что начальная загрузка должна быть включена перед начальной загрузкой плагина, как это, вероятно, расширяет объект начальной загрузки, когда он включен. Измените порядок использования двух загрузочных JS. –

ответ

0

пытаются инвертировать порядок начальной загрузки и начальной загрузки слайдера:

<script type="test/javascript" src="./bootstrap/js/bootstrap-slider.js"></script> 
<script type="test/javascript" src="./bootstrap/js/bootstrap.js"></script> 

в

<script type="test/javascript" src="./bootstrap/js/bootstrap.js"></script> 
<script type="test/javascript" src="./bootstrap/js/bootstrap-slider.js"></script> 
+0

Не бойтесь, единственная причина, по которой они неправильны в первом примере, заключается в том, что я переместил их, чтобы увидеть, произошло ли какое-то странное чередование в плагине, поэтому я переместил их обратно к вашему предложенному (и моему оригиналу) заказ. –

0

../ Использование не ./ найти родительскую папку. Кроме того, в обратном порядке включения bootstrap.js и bootstrap-slider.js

HTML:

<script type="text/javascript" src="../bootstrap/js/bootstrap.js"></script> 
<script type="text/javascript" src="../bootstrap/js/bootstrap-slider.js"></script> 
+0

Его находится в подпапке из-за холдинговой страницы, поэтому я не хочу, чтобы она переходила прямо к корню, потому что ее нет. Это не 404 на любом из этих файлов, которые они присутствуют там, где они смотрят. –

Смежные вопросы