引導程序本地不能工作

我在嘗試本地使用Bootstrap時遇到問題。我試過JsFiddle和其他在線編輯器上的完全相同的代碼，效果很好。但是，當我將代碼遷移到我的Brackets IDE實例時，沒有任何工作。如果有人能夠說明情況，我將不勝感激。下面我附上了一小段代碼。引導程序本地不能工作

注意：造型的作品，就像我將a分類爲樣式變化的面板一樣。我遇到的問題是風格變化是相關的。示例帶有收音機/切換按鈕的btn-group，每當我點擊什麼都沒有發生。

<html> 

<head> 
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"></link> 
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"></link> 
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-theme.css.map"></link> 
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css.map"></link> 
    <script src="bootstrap/js/bootstrap.js"></script> 
    <script src="bootstrap/js/bootstrap.min.js"></script> 
    <script> 
    $('.btn').button() 
    </script> 
</head> 

<body> 
    <div class="btn-group" data-toggle="buttons"> 
     <label class="btn btn-primary active"> 
      <input type="checkbox" checked>Option 1 (pre-checked) 
     </label> 
     <label class="btn btn-primary"> 
      <input type="checkbox">Option 2 
     </label> 
     <label class="btn btn-primary"> 
      <input type="checkbox">Option 3 
      </label> 
    </div> 
</body> 

</html>

來源

2014-09-02 Alan Grixti

失蹤的jQuery？哦，yesss – InferOn 2014-09-02 22:17:54

請嘗試包含適當的jQuery版本：https：//developers.google.com/speed/libraries/devguide#jquery – emmanuel 2014-09-02 22:19:59

請與您的首選開發人員覈對。 JavaScript依賴關係被成功調用的工具。 – Oriol 2014-09-02 22:23:39

你忘了引導有較強的相關性將jQuery設置爲1.9.0或更高版本

http://getbootstrap.com/getting-started/#whats-included

jQuery的需要請注意，所有的JavaScript插件需要jQuery的是如初始模板所示。請參閱我們的 bower.json以查看哪些版本的jQuery受支持。

添加下面的腳本標記之前列入引導JS

<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>

來源

2014-09-02 22:21:01 InferOn

不要忘記添加type =「text/javascript」 – Roo 2018-01-02 10:45:39

@Roo你是對的，謝謝 – InferOn 2018-01-02 10:52:55

引導程序本地不能工作

回答

相關問題