引導插件使用主題

我有這個插件我想用，這是一個滑塊插件，這裏的鏈接到它：https://github.com/seiyria/bootstrap-slider 引導插件使用主題

我想用它使用CDN：https://cdnjs.com/libraries/bootstrap-slider

所以在我的頭在HTML中我有這樣的：

<head> 
     <title>Slider Test</title> 
     <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"> 
     <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.2.0/bootstrap-slider.js"></script> 
     <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.2.0/bootstrap-slider.min.js"></script> 
     <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.2.0/css/bootstrap-slider.css"></script> 
     <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.2.0/css/bootstrap-slider.min.css"></script> 
    </head>

然後我嘗試使用他們在展示自己的頁面上的一個例子：http://seiyria.com/bootstrap-slider/

示例21：

<input id="ex21" type="text" 
      data-provide="slider" 
      data-slider-ticks="[1, 2, 3]" 
      data-slider-ticks-labels='["short", "medium", "long"]' 
      data-slider-min="1" 
      data-slider-max="3" 
      data-slider-step="1" 
      data-slider-value="3" 
      data-slider-tooltip="hide" />

因此，我得到的只是一個文本框。我是不是使用插件或以正確的方式引用它？

來源

2016-08-30 arjwolf

第一：你只需要完整版本或最低版本。在您的示例代碼中，您將包括兩者。

對於開發目的，我建議刪除包括縮小的文件（一個與.min後綴。

其次，要包括通過script標籤的樣式表。你需要使用link標籤包括一個樣式表。

最後，我沒有看到一個包括引導的JavaScript本身，你需要將它包括在內。

我也將更新的路徑，引導滑塊文件。使用兩個斜線在開始可能會導致奇怪的行爲viour。更新它們以使用https://作爲前綴。

這些更改後您的head部分應該像

<head> 
    <title>Slider Test</title> 
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"> 
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.2.0/css/bootstrap-slider.css"> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.2.0/bootstrap-slider.js"></script> 
</head>

來源

2016-08-30 10:51:44 thomaux

確實做到了這一點，但我仍然得到一個空文本框 – arjwolf

開放開發工具（在Chrome是F12），看看你記錄了任何錯誤在控制檯 – thomaux

是的，我這樣做，我得到以下內容： 'file：//cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.2.0/css/bootstrap-slider.css無法加載資源： net :: ERR_FILE_NOT_FOUND file：//cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.2.0/bootstrap-slider.js加載資源失敗：net :: ERR_FILE_NOT_FOUND' – arjwolf

引導插件使用主題

回答

相關問題