добавлена ​​кнопка в таблице по jquery не работает, вы можете сказать мне, в чем проблема? - PullRequest
Новая
       19

добавлена ​​кнопка в таблице по jquery не работает, вы можете сказать мне, в чем проблема?

1 голос
/ 18 мая 2019

проблема в том, что кнопка в таблице, добавленная jquery, не работает

enter image description here

основной выход кнопки 

                            <button class="btn btn-sm btn-warning float-right comment_delete_button" id="{{comment.pk}}">delete</button>
                            <button class="btn btn-sm btn-info float-right comment_edit_button" id="{{comment.pk}}">edit</button>

добавлена ​​кнопка 

                <button class="btn btn-sm btn-warning float-right comment_delete_button" id="<%= comment_id %>">delete</button>
                <button class="btn btn-sm btn-info float-right comment_edit_button" id="<%= comment_id %>">edit</button>

Я посмотрел его с помощью f12, и он не отличался. Но почему слушатель событий не работает? 


        $.ajax({
          type: "POST",
          url: 'update_comment_ajax/'+id,
          data: {
              id:id,
              title:title,
              file_name:file_name,
              text:text,
              csrfmiddlewaretoken: '{{ csrf_token }}'
          },
            success: function(result) {
                alert('comment update complete ');
            }
        });
    });


    $(".comment_delete_button").click(function(e) {
        e.preventDefault();
        var id = $(this).attr("id");
        alert('삭제 id : ' + id);
        $.ajax({
          type: "POST",
          url: 'delete_comment_ajax/'+id,
          data: {
              csrfmiddlewaretoken: '{{ csrf_token }}'
          },
            success: function(result) {
                $("#comment_table_"+id ).remove();
                alert('comment 삭제 complete ');
            }
        });
    });

спасибо, что сообщили мне, как это исправить ~!

1 Ответ

1 голос
/ 18 мая 2019

Две ваши кнопки имеют одинаковые идентификаторы.Кнопки редактирования и удаления имеют идентификатор {{comment.pk}}.
. Измените их на {{comment.pk}}_delete и {{comment.pk}}_edit.
Если у вас есть два элемента с одинаковыми идентификаторами, jQuery не будет работать.

...