質問編集履歴

2

文の重複を消去しました

2017/07/19 00:16

投稿

kinokomochi
kinokomochi

スコア23

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の記述方法について具体的に記述しました

2017/07/19 00:16

投稿

kinokomochi
kinokomochi

スコア23

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
+ と記述しました。初心者な文章で申し訳ありません。よろしくお願い致します。