引导程序滑块未初始化

我试图从这里使用引导程序滑块：https://github.com/seiyria/bootstrap-slider。但是我无法初始化滑块。我的代码片段看起来是这样的：引导程序滑块未初始化

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <link href="css/bootstrap-switch.min.css" rel="stylesheet"/> 
    <link href="https://raw.githack.com/seiyria/bootstrap-slider/master/css/bootstrap-slider.css" rel="stylesheet" /> 
    <link rel='stylesheet' href='css/jquery-ui.css'> 
    <link rel='stylesheet' href='css/ol.css'> 
    <script src="js/jquery-ui.js"></script> 
    <script src="http://openlayers.org/en/v3.9.0/build/ol.js"></script> 
    <script src="js/jquery.ui.widget.js"></script> 
    <script src="js/jquery.iframe-transport.js"></script> 
    <script src="js/jquery.fileupload.js"></script> 
    <script src="https://raw.githack.com/seiyria/bootstrap-slider/master/js/bootstrap-slider.js"></script>  
    <script src="js/bootstrap-switch.min.js"></script> 

</head> 

<body> 
     <input style='width:80px;' class='opacity' type='text' value='' data-slider-min='0' data-slider-max='1' data-slider-step='0.1' data-slider-tooltip='hide'> 

    <script type="text/javascript"> 
     $('input.opacity').slider(); 
    </script> 

</body>

这让我简单的输入类型，图中所示

然后，如果我做的：

$('input.opacity').bootstrapSlider();

这给了我错误为：

我在这里错过了什么？

来源

2015-11-28 Biplov Bhandari

请尽量

$(function() { 
    $('input.opacity').bootstrapSlider(); 
});

当文件准备好执行代码。

来源

2015-11-28 16:01:12 Chris

请参阅[jsFiddle]（https://jsfiddle.net/c33jLond/） – Chris

引导程序滑块未初始化

回答

相关问题