Materialize(http://materializecss.com/forms.html)というCSSフレームワークを用いてWebサイトを作っているのですが、そのフレームワーク中のセレクトボックスがどうしても動きません。
HTML、JavaScriptは以下のようにマニュアル通りに記述しています。
lang
1<div class="input-field col s12"> 2 <select> 3 <option value="" disabled selected>Choose your option</option> 4 <option value="1">Option 1</option> 5 <option value="2">Option 2</option> 6 <option value="3">Option 3</option> 7 </select> 8 <label>Materialize Select</label> 9</div>
lang
1(function($){ 2 $(document).ready(function() { 3 $('select').material_select(); 4 }); 5}(jQuery));
マニュアルのセレクトボックス部分のソースコードを見てみると、inputタグの次に
lang
1<ul id="select-options-491fefb3-0507-54f4-3a3a-f84b423eaef3" class="dropdown-content select-dropdown" style="width: 412px; position: absolute; top: 0px; left: 0px; opacity: 1; display: none;"> ... </ul>
というulタグが生成されていたのですが、自分の方ではそのulタグが生成されていませんでした。
原因としてはどのようなことが考えられるでしょうか?
回答よろしくお願いいたします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/07/01 12:07
2015/07/01 12:59
2015/07/01 13:41
2015/07/01 13:51