努力使Bootstrap選擇工作

我試圖使用引導選擇（http://silviomoreto.github.io/bootstrap-select/），並且無法使其加載任何選項。它呈現Dropbox，但不顯示選項。我有點失落，不知道我是否按照正確的順序加載了適當的依賴關係，或者做了些什麼愚蠢的事情。努力使Bootstrap選擇工作

我開始學習所有的東西，並可能在這裏做錯了什麼。我創造了一個重拳，所以我可以清楚地重現這個問題。

感謝任何幫助！

這是我的代碼： https://plnkr.co/edit/f80WGOjxuxBfXomOgEZn?p=preview

<!DOCTYPE html> 
    <html> 
    <head> 
    <link rel="stylesheet" href="style.css"> 
    <script src="script.js"></script> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 

    <!-- Jquery javascript version 1.12.4 --> 
    <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> 
    <!--script data-require="[email protected]*" data-semver="2.1.4" src="https://code.jquery.com/jquery-2.1.4.min.js"></script--> 

    <!-- Latest compiled and minified CSS for Bootstrap-select--> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css"> 

    <!-- Latest compiled and minified JavaScript for Bootstrap-select --> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script> 

    <!-- (Optional) Latest compiled and minified JavaScript translation files --> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/i18n/defaults-*.min.js"></script> 

    </head> 

<body onload="start()"> 
    <h1>Bootstrap-select Dropdown test!</h1> 

    <select class="selectpicker"> 
    <option>Mustard</option> 
    <option>Ketchup</option> 
    <option>Relish</option> 
    </select> 
</body> 

</html>

來源

2016-06-27 Marcelo Gonella

你應該在你的'body'結束加載你的JavaScript。當然，你必須在'defaults - *。min.js'中添加一個語言而不是'*' – phaberest

@makshh他在'script.js'文件中輸入 – phaberest

你忘了，包括在HTML引導JS。

這裏，我們去：https://plnkr.co/edit/JZhBHwTooRVVDpVYb8u0?p=preview

你需要的一切都只是

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

PS：記得把你的JS文件末你body的和任何自定義文件必須加載後庫，讓你調用他們的功能，並能夠重寫他們的東西。

這就是爲什麼最後JS部分應

<!-- rest of body here --> 

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/i18n/defaults-en_US.min.js"></script> 
<script src="script.js"></script> 

<!-- close body & html -->

來源

2016-06-27 17:32:34 phaberest

感謝您的快速回答！它正在工作！ –

不要忘記標記它，謝謝！ ;） – phaberest

努力使Bootstrap選擇工作

回答

相關問題