2017-02-24 4 views
0

Select2を使用しようとしていますが、mimetypeがtext/htmlであるため、Chromeはスクリプトの実行を拒否しています。私は4.0.3を使用しています。Select2 mimetypeエラー

<link href="static/js/common/select2/css/select2.min.css" rel="stylesheet" /> 
<script src="static/js/common/select2/js/select2.js"></script> 
<script src="static/js/controllers/common/SelectAgency.js"></script> 

<select id="auto"></select> 

SelectAgency.jsのコードはこれです:ここに私のhtmlです

var data = [{ id: 0, text: 'enhancement' }, { id: 1, text: 'bug' }, { id: 2, text: 'duplicate' }, { id: 3, text: 'invalid' }, { id: 4, text: 'wontfix' }]; 

$("#auto").select2({ 
placeholder:'Test' 
}) 

選択ボックスが表示されますが、それは何が含まれていません。また、このメッセージはコンソールに表示されます

select2.min.js:233リソースはスタイルシートとして解釈されますが、MIMEタイプtext/html: "http://localhost:8080/foiaonline/action/public/request/static/js/common/select2/js/static/js/controllers/common/select2/css/select2.min.css"で転送されます。

+0

このメッセージは、コードに書いたものではなく、ファイルをホストする方法によるものです。 .jsファイルをホストするためにどのアプリケーションを使用していますか? – Jespertheend

+0

私はそれを私のEclipseプロジェクトにローカルに保存しました – Hardrock302

+0

[this](http://stackoverflow.com/questions/11480347/js-and-css-files-are-loading-as-text-html-in-my-jsp -page)は、あなたが得た警告に対する解決策かもしれません。私はそれがセレクトボックスの問題を修正するかどうかは分かりません。 – Jespertheend

答えて

0

以前のバージョンのselect2(3.5.1)を使用していました。 3.5.1では、select2は次のように初期化されます。

$(panel).select2({ 
    placeholder:placeholderStr, 
    data: items 
}); 

<input id="panel" type="text", class="auto"/></td>