よくあるエラーなことは承知の上で自分で調べても解決ができなかったので投稿させていただきました。
これはuserを定義してくれという直接的なエラー解釈でよろしいのでしょうか、、、
ただどの部分の(user)ことを言われているのかすらあやふやでしてこんな状態での質問投稿申し訳ないですが、どなたかご教授おねいがします。
$(function() { var search_list = $('#user-search-result'); function appendUserSearchList(user) { var html = `<div class="chat-group-user clearfix"> <p class="chat-group-user__name">${user.name}</p> <a class="user-search-add chat-group-user__btn chat-group-user__btn--add" data-user-id=${user.id} data-user-name=${user.name}>追加</a> </div>` search_list.append(html); } var member_list = $('#chat-group-users'); function appendUserMemberList(user_name, user_id) { var html = `<div class='chat-group-user clearfix js-chat-member' id='${user.id}'> <input name='group[user_ids][]' type='hidden' value='${user.id}'> <p class='chat-group-user__name'>${user.name}</p> <a class='user-search-remove chat-group-user__btn chat-group-user__btn--remove js-remove-btn'>削除</a> </div>` member_list.append(html); } $('#user-search-field').on('keyup', function() { var input = $(this).val(); $.ajax({ type: 'GET', url: '/users', data: {keyword: input}, dataType: 'json' }) .done(function(users) { $('#user-search-result').empty(); if (users.length !== 0) { users.forEach(function(user) { appendUserSearchList(user); }); } }) .fail(function() { alert('ユーザー検索に失敗しました'); }); }); $('#user-search-result').on('click', '.user-search-add', function() { var user_name = $(this).attr('data-user-name'); var user_id = $(this).attr('data-user-id'); appendUserMemberList(user_name, user_id); $(this).parent().remove(); }); $('#chat-group-users').on('click', '.user-search-remove', function() { $(this).parent().remove(); }); });
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2019/08/04 00:33
2019/08/04 00:37