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
Post a Comment