質問編集履歴
3
文章変更
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
html.erbファイル内でjavascriptを直接書
|
|
1
|
+
html.erbファイル内でjavascriptを直接書いて機能を動かしたい
|
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
いいね機能を実装する際に、html.erb内でjavascriptを直接書いて、icon_heart.svgが押されたら画像を隠して、icon_red_heart.svgを表示させるという動きをさせたいです。
|
|
1
|
+
いいね機能を実装する際に、html.erb内でjavascriptを直接書いて、icon_heart.svgが押されたら画像を隠して、icon_red_heart.svgを表示させるという動きをさせたいです。どのように書けば動くでしょうか？
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
2
部分テンプレートを読み込むindex\.html\.erbでeachを回しているので、それぞれにidをつけている
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
<% if post.like_user(current_user.id) %>
|
|
14
14
|
|
|
15
|
-
<%= button_to post_like_path(post, like), method: :delete, id:
|
|
15
|
+
<%= button_to post_like_path(post, like), method: :delete, id: i, remote: true do %>
|
|
16
16
|
|
|
17
17
|
<%= image_tag("icon_red_heart.svg") %>
|
|
18
18
|
|
|
@@ -54,4 +54,24 @@
|
|
|
54
54
|
|
|
55
55
|
|
|
56
56
|
|
|
57
|
+
<script>
|
|
58
|
+
|
|
59
|
+
window.addEventListener("load", function(){
|
|
60
|
+
|
|
61
|
+
$('#i').on("click", function(){
|
|
62
|
+
|
|
63
|
+
$('this').hide();
|
|
64
|
+
|
|
65
|
+
})
|
|
66
|
+
|
|
67
|
+
})
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
</script>
|
|
72
|
+
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
|
|
57
77
|
```
|
1
文章変更
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
いいね機能を実装する際に、html.erb内でjavascriptを直接書いて、icon_heart.svgが押されたら画像を隠して、icon_red_heart.svgを表示させるという動きをさせたいです。直接javascriptを書い
|
|
1
|
+
いいね機能を実装する際に、html.erb内でjavascriptを直接書いて、icon_heart.svgが押されたら画像を隠して、icon_red_heart.svgを表示させるという動きをさせたいです。直接javascriptを書きたい場合にどうすればいいのかを教えていただけたら幸いです。
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|