teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

申し訳ございません、ソースコードに誤りがございました。そのままのソースコードを再度載せましたので、よろしくお願いいたします。

2018/12/20 04:43

投稿

corkoba
corkoba

スコア59

title CHANGED
File without changes
body CHANGED
@@ -21,33 +21,104 @@
21
21
  ### 発生している問題・エラーメッセージ
22
22
 
23
23
  ```
24
- jquery.min.js:2 Uncaught TypeError: $(...).materialSelect is not a function
24
+ Uncaught TypeError: $(...).materialSelect is not a function
25
- at HTMLDocument.<anonymous> (69a52340590f4c5a967011f40521cd78:299)
25
+ at HTMLDocument.<anonymous> (test.html:80)
26
- at l (VM2771 jquery.min.js:2)
26
+ at l (jquery.min.js:2)
27
- at c (VM2771 jquery.min.js:2)
27
+ at c (jquery.min.js:2)
28
28
  ```
29
29
 
30
30
  ### 該当のソースコード
31
31
 
32
32
  ```ここに言語名を入力
33
33
 
34
+ <!DOCTYPE html>
35
+ <html lang="ja">
36
+ <head>
37
+ <meta charset="UTF-8">
38
+
39
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
40
+ <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">
41
+ <link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.16/css/mdb.min.css" rel="stylesheet">
42
+
43
+ <title>マテリアルデザイン</title>
44
+
45
+ </head>
46
+ <body>
47
+
34
48
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
35
49
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>
36
50
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>
37
51
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.16/js/mdb.min.js"></script>
38
52
 
39
- <select class="mdb-select md-form">
40
- <option value="" disabled selected>Choose your option</option>
41
- <option value="1">Option 1</option>
42
- <option value="2">Option 2</option>
43
- <option value="3">Option 3</option>
44
- </select>
45
53
 
46
- $(document).ready(function(){
47
- $('.mdb-select').materialForm();
48
- });
49
54
 
55
+ <!--Navbar-->
56
+ <nav class="navbar navbar-expand-lg navbar-dark primary-color">
50
57
 
58
+ <!-- Navbar brand -->
59
+ <a class="navbar-brand" href="#">MDB</a>
60
+
61
+ <!-- Collapse button -->
62
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#basicExampleNav"
63
+ aria-controls="basicExampleNav" aria-expanded="false" aria-label="Toggle navigation">
64
+ <span class="navbar-toggler-icon"></span>
65
+ </button>
66
+
67
+ <!-- Collapsible content -->
68
+ <div class="collapse navbar-collapse" id="basicExampleNav">
69
+
70
+ <!-- Links -->
71
+ <ul class="navbar-nav mr-auto">
72
+
73
+ <li class="nav-item">
74
+ <a class="nav-link" href="#">マテリアル
75
+ <span class="sr-only">(current)</span>
76
+ </a>
77
+ </li>
78
+
79
+ <!-- Dropdown -->
80
+ <li class="nav-item dropdown">
81
+ <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true"
82
+ aria-expanded="false">設定</a>
83
+ <div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">
84
+ <a class="dropdown-item" href="@{ObserveGroups.index}">グループ</a>
85
+ </div>
86
+ </li>
87
+ </ul>
88
+ <!-- Links -->
89
+
90
+ <form class="form-inline">
91
+ <div class="md-form my-0">
92
+ <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
93
+ </div>
94
+ </form>
95
+ </div>
96
+ <!-- Collapsible content -->
97
+
98
+ </nav>
99
+ <!--/.Navbar-->
100
+
101
+
102
+ <select class="mdb-select md-form">
103
+ <option value="" disabled selected>Choose your option</option>
104
+ <option value="1">Option 1</option>
105
+ <option value="2">Option 2</option>
106
+ <option value="3">Option 3</option>
107
+ </select>
108
+
109
+ </body>
110
+
111
+ <script type="text/javascript">
112
+ $(document).ready(function(){
113
+ $('.mdb-select').materialSelect();
114
+ });
115
+
116
+ </script>
117
+
118
+
119
+ </html>
120
+
121
+
51
122
  ```
52
123
 
53
124
  ### 試したこと