質問編集履歴
2
文の重複を消去しました
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,13 +1,3 @@
|
|
1
|
-
こんにちは。
|
2
|
-
|
3
|
-
Wordpressにてコンタクトフォームを作成し、その記事(?)に直接jqueryを書き込む方法では正常にjqueryが動いてくれるのでしょうか。
|
4
|
-
|
5
|
-
記述してみたところ、作動しませんでした。ちなみに「$」マークは「jquery」に書き直して使用しています。
|
6
|
-
|
7
|
-
記述する場所が違うのでしょうか…皆さんよろしくお願い致します。
|
8
|
-
|
9
|
-
|
10
|
-
|
11
1
|
こんにちは。
|
12
2
|
|
13
3
|
Wordpressにてコンタクトフォームを作成し、その記事(?)に直接jqueryを書き込む方法では正常にjqueryが動いてくれるのでしょうか。
|
1
jqueryの記述方法について具体的に記述しました
test
CHANGED
File without changes
|
test
CHANGED
@@ -5,3 +5,81 @@
|
|
5
5
|
記述してみたところ、作動しませんでした。ちなみに「$」マークは「jquery」に書き直して使用しています。
|
6
6
|
|
7
7
|
記述する場所が違うのでしょうか…皆さんよろしくお願い致します。
|
8
|
+
|
9
|
+
|
10
|
+
|
11
|
+
こんにちは。
|
12
|
+
|
13
|
+
Wordpressにてコンタクトフォームを作成し、その記事(?)に直接jqueryを書き込む方法では正常にjqueryが動いてくれるのでしょうか。
|
14
|
+
|
15
|
+
記述してみたところ、作動しませんでした。ちなみに「$」マークは「jquery」に書き直して使用しています。
|
16
|
+
|
17
|
+
記述する場所が違うのでしょうか…皆さんよろしくお願い致します。
|
18
|
+
|
19
|
+
|
20
|
+
|
21
|
+
#追記
|
22
|
+
|
23
|
+
追記依頼を頂きましたので追記させていただきます。
|
24
|
+
|
25
|
+
Wordpress内で作成しているコンタクトフォームに、そのままコードを記述しました。
|
26
|
+
|
27
|
+
![イメージ説明](2680a617207c2120fe0af1029ecd2ea8.png)
|
28
|
+
|
29
|
+
ここに、タブ切替のjqueyを記述しました。
|
30
|
+
|
31
|
+
|
32
|
+
|
33
|
+
HTML
|
34
|
+
|
35
|
+
```
|
36
|
+
|
37
|
+
<ul class="tab">
|
38
|
+
|
39
|
+
<li class="select">Tab 1</li>
|
40
|
+
|
41
|
+
<li>Tab 2</li>
|
42
|
+
|
43
|
+
<li>Tab 3</li>
|
44
|
+
|
45
|
+
</ul>
|
46
|
+
|
47
|
+
<div class="tab_contents">
|
48
|
+
|
49
|
+
<div>Tab 1の内容</div>
|
50
|
+
|
51
|
+
<div class="hide">Tab 2の内容</div>
|
52
|
+
|
53
|
+
<div class="hide">Tab 3の内容</div>
|
54
|
+
|
55
|
+
</div>
|
56
|
+
|
57
|
+
```
|
58
|
+
|
59
|
+
|
60
|
+
|
61
|
+
jquery
|
62
|
+
|
63
|
+
```
|
64
|
+
|
65
|
+
jQuery(function() {
|
66
|
+
|
67
|
+
jQuery('.tab li').click(function() {
|
68
|
+
|
69
|
+
var index = jQuery('.tab li').index(this);
|
70
|
+
|
71
|
+
jQuery('.tab_contents div').css('display','none');
|
72
|
+
|
73
|
+
jQuery('.tab_contents div').eq(index).css('display','block');
|
74
|
+
|
75
|
+
jQuery('.tab li').removeClass('select');
|
76
|
+
|
77
|
+
jQuery(this).addClass('select');
|
78
|
+
|
79
|
+
});
|
80
|
+
|
81
|
+
});
|
82
|
+
|
83
|
+
```
|
84
|
+
|
85
|
+
と記述しました。初心者な文章で申し訳ありません。よろしくお願い致します。
|