teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問jQueryで画像のsrcが取得できない

編集履歴

質問編集履歴

2

タグを追加

2019/01/09 02:23

投稿

takagitoshinari
takagitoshinari

スコア24

test CHANGED
File without changes
test CHANGED
File without changes

1

HTMLソースを記載

2019/01/09 02:23

投稿

takagitoshinari
takagitoshinari

スコア24

test CHANGED
File without changes
test CHANGED
@@ -28,73 +28,91 @@
28
28
 
29
29
  ```HTML
30
30
 
31
- .sell-dropbox-container.clearfix
31
+ <label for="item_images">
32
32
 
33
- .sell-upload-items{class: "have-item-#{@item.images.length}"}
33
+ <div class='clearfix have-item-0 sell-upload-dropbox'>
34
34
 
35
- %ul
35
+ <input class="sell-upload-drop-file" multiple="multiple" style="display: none;" type="file" name="item[images][]" id="item_images" />
36
36
 
37
- -if @item.images.attached?
37
+ <pre>
38
38
 
39
- =render partial: 'uploaded_image', collection: @item.images, locals: {form: f}
39
+ ドラッグアンドドロップ
40
40
 
41
- =label :images, "", for: "item_images" do
41
+ またはクリックしてファイルをアップロード</pre>
42
42
 
43
- .sell-upload-dropbox.clearfix{class: "have-item-#{@item.images.length}"}
43
+ </div>
44
44
 
45
- =f.file_field :images, class: "sell-upload-drop-file", multiple: true, style: "display: none;"
45
+ <ul class='has-error-text'>
46
46
 
47
- %pre
47
+ </ul>
48
48
 
49
- ドラッグアンドドロップ
49
+ </label>
50
50
 
51
- またはクリックしてファイルをアップロード
51
+ <section class='modalArea' id='modalArea'>
52
52
 
53
- -if @item.errors[:images]
53
+ <div class='modalBg' id='modalBg'>
54
54
 
55
- %ul.has-error-text
55
+ </div>
56
56
 
57
- -@item.errors.full_messages_for(:images).each do |error|
57
+ <div class='modalWrappers'>
58
58
 
59
- %li=error
59
+ <div class='modalContents'>
60
60
 
61
- %section#modalArea.modalArea
61
+ <div class='modal-bold'>
62
62
 
63
- #modalBg.modalBg
63
+ 写真を切りとる
64
64
 
65
- .modalWrappers
65
+ </div>
66
66
 
67
- .modalContents
67
+ <label for="item_images">
68
68
 
69
- .modal-bold 写真を切りとる
69
+ <span style='cursor: pointer;'>
70
70
 
71
- =label :images, "", for: "item_images" do
71
+ 写真を変更する
72
72
 
73
- %span{style: "cursor: pointer;"} 写真を変更する
73
+ </span>
74
74
 
75
- %i.fas.fa-camera
75
+ </label>
76
76
 
77
- .sell-crop-editor
77
+ <i class='fas fa-camera'></i>
78
78
 
79
- %canvas{id: "c1",width: 400,height:300, style: "cursor: grab;"}
79
+ </div>
80
80
 
81
- .sell-crop-range
81
+ <div class='sell-crop-editor'>
82
82
 
83
- %i.fas.fa-camera.small-camera
83
+ <canvas height='300' id='c1' style='cursor: grab;' width='400'></canvas>
84
84
 
85
- %input.input-range-default{id: "zoom-slider",type: "range",step:"0.01",min: "1",max:"2",name:"scale"}
85
+ <div class='sell-crop-range'>
86
86
 
87
- %i.fas.fa-camera
87
+ <i class='fas fa-camera small-camera'></i>
88
88
 
89
- .clearfix
89
+ <input class='input-range-default' id='zoom-slider' max='2' min='1' name='scale' step='0.01' type='range'>
90
90
 
91
- %li#closeModal.cansel-button
91
+ <i class='fas fa-camera'></i>
92
92
 
93
- =link_to 'キャンセル',method: :post
93
+ </div>
94
94
 
95
- %li.ok-button
95
+ </div>
96
96
 
97
+ <div class='clearfix'>
98
+
99
+ <li class='cansel-button' id='closeModal'>
100
+
101
+ <a href="/items/new?method=post">
102
+
103
+ キャンセル
104
+
105
+ </a>
106
+
107
+ </li>
108
+
97
- =link_to '完了', ""
109
+ <li class='ok-button'>
110
+
111
+ <a href="">
112
+
113
+ 完了
114
+
115
+ </a>
98
116
 
99
117
  ```
100
118
 
@@ -163,7 +181,3 @@
163
181
 
164
182
 
165
183
  ### 補足情報（FW/ツールのバージョンなど）
166
-
167
-
168
-
169
- ここにより詳細な情報を記載してください。