質問編集履歴

2

ソースコードを編集しました。

2016/04/06 05:21

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -5,6 +5,14 @@
5
5
  ・ウィンドウサイズが640より大きければprependToを使い、小さければapendToを使いたいです。
6
6
 
7
7
  ・ロード時、リサイズ時、どちらも対応したいです。
8
+
9
+
10
+
11
+
12
+
13
+ 【背景】
14
+
15
+ ・wordpressから出力された時にpタグがdivに内包される仕様があり、そのdivの次のimg要素をdivの中に入れてやる必要がありました。ブラウザ上のリサイズ時にもリアルタイムで反映させたいのです。
8
16
 
9
17
 
10
18
 
@@ -28,7 +36,7 @@
28
36
 
29
37
 
30
38
 
31
- $('#newsImgTarget p').each(function(i){
39
+ $('#content p').each(function(i){
32
40
 
33
41
  if(windowSize > switchPoint){
34
42
 
@@ -76,6 +84,10 @@
76
84
 
77
85
  **通常**
78
86
 
87
+ ```html
88
+
89
+ <div id="content">
90
+
79
91
 
80
92
 
81
93
  <div>
@@ -85,6 +97,12 @@
85
97
  </div>
86
98
 
87
99
  <img src="">
100
+
101
+
102
+
103
+ </div>
104
+
105
+ ```
88
106
 
89
107
 
90
108
 
@@ -98,11 +116,21 @@
98
116
 
99
117
  ```html
100
118
 
119
+
120
+
121
+ <div id="content">
122
+
123
+
124
+
101
125
  <div>
102
126
 
103
127
  <img src="">
104
128
 
105
129
  <p></p>
130
+
131
+ </div>
132
+
133
+
106
134
 
107
135
  </div>
108
136
 
@@ -124,6 +152,10 @@
124
152
 
125
153
  ```html
126
154
 
155
+ <div id="content">
156
+
157
+
158
+
127
159
  <div>
128
160
 
129
161
  <p></p>
@@ -132,6 +164,10 @@
132
164
 
133
165
  </div>
134
166
 
167
+
168
+
169
+ </div>
170
+
135
171
  ```
136
172
 
137
173
 

1

現在のソースの修正。期待するHTMLの形を記述しました。

2016/04/06 05:21

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -32,11 +32,11 @@
32
32
 
33
33
  if(windowSize > switchPoint){
34
34
 
35
- $(this).next('img').prependTo($(this).parent('div'));
35
+ $(this).parent('div').next('img').prependTo($(this).parent('div'));
36
36
 
37
37
  }else{
38
38
 
39
- $(this).next('img').apendTo($(this).parent('div'));
39
+ $(this).parent('div').next('img').apendTo($(this).parent('div'));
40
40
 
41
41
  }
42
42
 
@@ -57,3 +57,83 @@
57
57
 
58
58
 
59
59
  よろしくお願いいたしますm(__)m
60
+
61
+
62
+
63
+
64
+
65
+ 【①追記】
66
+
67
+
68
+
69
+ 情報不足で申し訳ございません!
70
+
71
+
72
+
73
+ HTMLは下記のように変化してほしく思います。
74
+
75
+
76
+
77
+ **通常**
78
+
79
+
80
+
81
+ <div>
82
+
83
+ <p></p>
84
+
85
+ </div>
86
+
87
+ <img src="">
88
+
89
+
90
+
91
+ **ウィンドウサイズが640px以上の場合**
92
+
93
+
94
+
95
+ pを内包しているdivの次のimg要素をpの前に移動。
96
+
97
+
98
+
99
+ ```html
100
+
101
+ <div>
102
+
103
+ <img src="">
104
+
105
+ <p></p>
106
+
107
+ </div>
108
+
109
+ ```
110
+
111
+
112
+
113
+
114
+
115
+
116
+
117
+ **ウィンドウサイズが640px以下の場合**
118
+
119
+
120
+
121
+ pを内包しているdivの次のimg要素をpの後に移動。
122
+
123
+
124
+
125
+ ```html
126
+
127
+ <div>
128
+
129
+ <p></p>
130
+
131
+ <img src="">
132
+
133
+ </div>
134
+
135
+ ```
136
+
137
+
138
+
139
+ 尚、コンソールエラーは確認してみたところありませんでした。