質問
Riot.jsのTagファイルに、MaterializeのSelectを書くと、実行できない理由を知りたいです。
Firefoxの、開発者ツールで出力されたHTMLを見ると、しっかりと間違いなく出力されていますが、
実際には表示が変になるんです。
tagファイル
タグファイルの中身は以下です
Tag
1<mytag> 2 3 <div class="input-field col s12"> 4 <select> 5 <optgroup label="term 1"> 6 <option value="1">Option 1</option> 7 <option value="2">Option 2</option> 8 </optgroup> 9 <optgroup label="term 2"> 10 <option value="3">Option 3</option> 11 <option value="4">Option 4</option> 12 </optgroup> 13 </select> 14 <label>{opts.title}</label> 15 </div> 16 17 18 19 20 <script> 21 $(document).ready(function(){ 22 $('select').material_select(); 23 }); 24 </script> 25 26 27 28</mytag>
HTMLファイル
HTMLは以下のようになります
html
1<!DOCTYPE html> 2<html lang="ja"> 3 4<head> 5 <!-- CSSのロード --> 6 <link rel="stylesheet" href="./css/materialize.css"> 7 8 9 <!-- JavaScriptのロード --> 10 <script src="./js/jQuery.js"></script> 11 <script src="./js/riot.min.js"></script> 12 <script src="./js/materialize.min.js"></script> 13 14 15 <!-- カスタムタグのロード --> 16 <script src="./customtags/evaluation.tag" type="riot/tag"></script> 17 18 19 20 <!-- ページ内CSS定義エリア --> 21 <style> 22 </style> 23 24</head> 25 26<body> 27 <mytag title="aaaa"></mytag> 28 29 <script> 30 $(document).ready(function(){ 31 // Riotのマウント 32 riot.mount('*'); 33 }); 34 </script> 35 36</body> 37 38</html> 39
表示
<mytag title="aaaa"></mytag>
の、title属性(?)はしっかり反映されていますが、Selectは実行されておりません。
バージョン
- Firefox 50.0.2
- Materialize CSS v0.97.8
- Materialize JS v0.97.8
- Riot v2.6.1
- jQuery v2.1.3
ご存じの方いらっしゃいましたら、ご教示頂けると幸いです。
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/12/14 15:22
2016/12/14 15:27
2016/12/14 16:12
2016/12/14 16:16
2016/12/15 00:15
2016/12/15 03:52