質問編集履歴

7

情報追加

2016/12/05 01:22

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -281,3 +281,93 @@
281
281
  </div>
282
282
 
283
283
  ```
284
+
285
+
286
+
287
+
288
+
289
+ 【htmlソース】
290
+
291
+ ```ここに言語を入力
292
+
293
+ <div class="modal fade" id="myModal">
294
+
295
+ <div class="modal-dialog">
296
+
297
+ <div class="modal-content">
298
+
299
+ <div class="modal-header">
300
+
301
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
302
+
303
+ <h4 class="modal-title">Modal タイトル</h4>
304
+
305
+ </div>
306
+
307
+ <div class="modal-body">
308
+
309
+ <div class="modal-micropost-content"></div>
310
+
311
+ <div class="modal-micropost-time"></div>
312
+
313
+ Modal内容
314
+
315
+ <!-- User 削除リンク -->
316
+
317
+ <div class="micropost-option">
318
+
319
+ 3
320
+
321
+ 3
322
+
323
+ 3
324
+
325
+ </div>
326
+
327
+ <button type="button" class="btn btn-primary" data-dismiss="modal">閉じる</button>
328
+
329
+ </div>
330
+
331
+ </div>
332
+
333
+ </div>
334
+
335
+ </div>
336
+
337
+
338
+
339
+
340
+
341
+
342
+
343
+
344
+
345
+ <script>
346
+
347
+ $('#myModal').on('show.bs.modal', function (event) {
348
+
349
+ var button = $(event.relatedTarget);
350
+
351
+ var user_name = button.data('user_name');
352
+
353
+ var user_content = button.data('user_content');
354
+
355
+ var user_time = button.data('user_time');
356
+
357
+ var user_data = button.data('user_data');
358
+
359
+ var modal = $(this);
360
+
361
+ modal.find('.modal-title').text(user_name);
362
+
363
+ modal.find('.modal-body .modal-micropost-content').text(user_content);
364
+
365
+ modal.find('.modal-body .modal-micropost-time').text(user_time);
366
+
367
+ modal.find('.modal-body .micropost-option').data(user_data);
368
+
369
+ });
370
+
371
+ </script>
372
+
373
+ ```

6

タグ追加

2016/12/05 01:22

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
File without changes

5

情報追加

2016/12/02 09:10

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -243,3 +243,41 @@
243
243
  undefined local variable or method `micropost' for #<#<Class:0x00000005444a58>:0x007f5a6ac10e28>
244
244
 
245
245
  ```
246
+
247
+
248
+
249
+
250
+
251
+ data部分をtextに直すと文字列の値は正しく表示されます。
252
+
253
+ 【_micropost.html.erb】
254
+
255
+ ```
256
+
257
+ modal.find('.modal-body .modal-micropost-option').★data★(user_data);
258
+
259
+ ```
260
+
261
+
262
+
263
+ ```
264
+
265
+ modal.find('.modal-body .modal-micropost-option').★text★(user_data);
266
+
267
+
268
+
269
+ ```
270
+
271
+
272
+
273
+ 【_modal.html.erb】
274
+
275
+ ```ここに言語を入力
276
+
277
+ <div class"micropost-option">
278
+
279
+ 1
280
+
281
+ </div>
282
+
283
+ ```

4

情報追加

2016/12/02 08:54

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -223,3 +223,23 @@
223
223
  ```
224
224
 
225
225
  **data-user_name,data-user_content,data-user_time**に関してはデータが一致して送られていることを確認しています…
226
+
227
+
228
+
229
+
230
+
231
+
232
+
233
+ ###追加情報
234
+
235
+ モーダルコード部分をパーシャルにした結果、このような結果が出てきましたので、
236
+
237
+ データが送られていなかったのかもしれません。
238
+
239
+
240
+
241
+ ```ここに言語を入力
242
+
243
+ undefined local variable or method `micropost' for #<#<Class:0x00000005444a58>:0x007f5a6ac10e28>
244
+
245
+ ```

3

情報修正

2016/12/02 07:51

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -84,7 +84,7 @@
84
84
 
85
85
 
86
86
 
87
- ###判断理由 ―― そのように考えた理由を書きましょう
87
+ ###判断理由
88
88
 
89
89
 
90
90
 

2

画像変更

2016/12/02 07:30

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -26,15 +26,11 @@
26
26
 
27
27
  【投稿】
28
28
 
29
- ![イメージ説明](c65d1261cbe088aa23100af3309dffe9.png)
29
+ ![イメージ説明](986f946d43d9d223a9ce41fa4b0c1cd9.png)
30
-
31
-
32
30
 
33
31
  【モーダル】
34
32
 
35
- ![イメージ説明](36916ff364f3db0b8491a913523a6553.png)
33
+ ![イメージ説明](ebee42cae59f01093bc7508a7e9c94be.png)
36
-
37
-
38
34
 
39
35
  ###実行手順
40
36
 

1

画像追加

2016/12/02 07:30

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -24,6 +24,16 @@
24
24
 
25
25
 
26
26
 
27
+ 【投稿】
28
+
29
+ ![イメージ説明](c65d1261cbe088aa23100af3309dffe9.png)
30
+
31
+
32
+
33
+ 【モーダル】
34
+
35
+ ![イメージ説明](36916ff364f3db0b8491a913523a6553.png)
36
+
27
37
 
28
38
 
29
39
  ###実行手順