Bootstrap-fileinput-master腳本正確卻顯示不出正確結果

運行環境：xp系統、谷歌瀏覽器
跟着demo學着使用這個控件，老老實實在head裏寫了

$("#file-1").fileinput({
                uploadUrl: '#', // you must set a valid URL here else you will get an error
                allowedFileExtensions : ['jpg', 'png','gif'],
                overwriteInitial: false,
                maxFileSize: 1000,
                maxFilesNum: 10,
                //allowedFileTypes: ['image', 'video', 'flash'],
                slugCallback: function(filename) {
                    return filename.replace('(', '_').replace(']', '_');
                }
            });

---

結果出現的是默認的顯示效果，以下：

---

---

究竟是哪裏出了問題呢？對的，是我馬大哈了，我把腳本寫在標籤聲明的前頭了，很遺憾，這種錯誤控制檯不報錯。只要把腳本寫在下面就行了，像這樣（如下是代碼片斷）：

---

<div class="form-group">
                 <label for="training_address" class="col-xs-2 col-sm-2 control-label">上傳附件</label>
            </div class="form-group">
            <div>
                <input id="file-1" type="file" multiple class="file" data-overwrite-initial="false" data-min-file-count="1">
                <br>
                <button type="submit" class="btn btn-primary">Submit</button>
                <button type="reset" class="btn btn-default">Reset</button>
            </div>

    </div>
</body>
<script type="text/javascript"> $("#file-1").fileinput({ language: 'zh', //設置語言 showUpload: false, maxFileCount: 1, uploadUrl: '#', // you must set a valid URL here else you will get an error overwriteInitial: false, maxFileSize: 10000, //allowedFileTypes: ['image', 'video', 'flash'], slugCallback: function(filename) { return filename.replace('(', '_').replace(']', '_'); } }); </script>
</html>

---

因此在學習新的控件的時候必定要認真閱讀它給的examples，對應控件的id查看相應源碼以及腳本，以下圖：

---

---

---

祝你們編程愉快，沒有bug~