0
javascriptとjQueryの新機能ですが、Chosenプラグインを使用しようとしています。私は私が見つけることができるすべてのステップを踏んだが、それは機能していない。これまで私が行ってきたことがあります。jQueryプラグインの実装を選択していません
index.blade.php：
<html lang="en" ng-app="wim">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>WIM(afy)</title>
<link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="css/wimmain.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="bower_components/chosen/chosen.css" rel="stylesheet">
<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/lodash/lodash.js"></script>
<script src="bower_components/angular-route/angular-route.min.js"></script>
<script src="bower_components/angular-local-storage/dist/angular-local-storage.min.js"></script>
<script src="bower_components/restangular/dist/restangular.min.js"></script>
<script src = "js/app.js"></script>
<script src = "js/services.js"></script>
<script src = "js/controllers.js"></script>
<style>
li {
padding-bottom: 8px;
}
</style>
</head>
<body style="background-color: lightgray;">
<div ng-view></div>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/chosen/chosen.jquery.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script>
$(document).ready(function(){
$(".chosen-select").chosen();
});
</script>
</body>
私が先頭にスタイルシートを含めて、私はjQueryのを含めて、私のスクリプトの前に後chosen.jquery.jsが含まれています。実際のHTMLページは<div ng-view></div>と表示されます。
は、ここにHTMLです：
<select class="chosen-select" id="interests" multiple="true" ng-model="interests">
<option value="Art">Art</option>
<option value="Biking">Biking</option>
<option value="Camping">Camping</option>
<option value="Coffee">Coffee</option>
<option value="Concerts">Concerts</option>
<option value="Dining">Dining</option>
<option value="Running">Running</option>
<option value="Shopping">Shopping</option>
</select>
は今のところそれはちょうどあなたがシフトを保持するか、複数のものを選択するにはCtrlキーを使用する必要があり、通常のHTML 5の複数選択リストが表示されています。
私の周り異なり、私のコードを移動する必要がありますか？誰かが私が間違っていることを理解するのを助けることができますか？ありがとう。
'＃' = IDセレクタ、 '.' =クラスセレクタを試してみて、私は上記の質問を編集し@empiric今慎重 – empiric
をあなたのhtmlとjsのを確認し、それでも通常のHTML複数の – Tom