javascript Unexpected token

Uncaught SyntaxError: Unexpected token .
このエラー解決できないですヽ(；▽；)ノ
おかしな"."は何一つないのに.........

$(function() {

  var user_search_list = $(".chat-group-form__field--right");

  function appendUser(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>
               `
    user_search_list.append(html);
  };

  $(function() {
//$(function() {などはjsの即時関数 即時関数→、関数を定義すると同時に実行するための構文
    $("#user-search-field").on("keyup", function() {
      var input = $("#user-search-field").val();
//valueメソッドでフォームの値を取得
      var href = window.location.href



      $.ajax({
        type: 'GET',
        url: '/groups/#{groups.id}/edit',
        data: { keyword: input },
        dataType: 'json'
      });

      .done(function(data) {
        var html = appendUser(data);
        $('chat-group-form__field--right').append(html);
      });

      .fail(function(){
        alert('通信に失敗しました');
      });

    });

  });

});

yoorwm

2018/02/24 06:55

.done()とか.fail()の前に;がありますけど、「おかしな"."は何一つないのに」と言ってるという事は単なるコピペミスでしょうか？

行動規範の内容に同意します

回答1件

ここ以外にも問題はあるかもしれませんが、とりあえず見つけたところだけ。

javascript
1      $.ajax({
2        type: 'GET',
3        url: '/groups/#{groups.id}/edit',
4        data: { keyword: input },
5        dataType: 'json'
6      })
7      .done(function(data) {
8        var html = appendUser(data);
9        $('chat-group-form__field--right').append(html);
10      })
11      .fail(function(){
12        alert('通信に失敗しました');
13      });