jquery - Uncaught TypeError: Object [object Object] has no method 'slider' on bootstrap=slider plugin -


having slight issue bootstrap-slider plugin http://www.eyecon.ro/bootstrap-slider/.

getting error: uncaught typeerror: object [object object] has no method 'slider'

from following code:

<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> 

i'm quite new jquery have made stupid error appreciate poke in correct direction!

further clarification:

it not 404 error js files, or loading sequence order.

try invert order of bootstrap , bootstrap slider:

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

to

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

Comments

Popular posts from this blog

html - Sizing a high-res image (~8MB) to display entirely in a small div (circular, diameter 100px) -

java - IntelliJ - No such instance method -

identifier - Is it possible for an html5 document to have two ids? -