Страница перезагрузки событий - PullRequest
Новая
       26

Страница перезагрузки событий

0 голосов
/ 19 мая 2019

Я пытаюсь добавить новую строку в таблицу, нажав кнопку добавления строки.Однако нажатие кнопки добавления строки просто обновляет страницу.

Я пробовал несколько способов остановить это, например preventDefualt и return false, но все безрезультатно. 

<script type="text/javascript">
  $(function() {

    $('#btn-add-item').on('click'),
      function(e) {
        e.preventDefault();
        alert("works");
        return false;
      }

  });

</script>

<button class="btn btn-primary btn-sm" id="btn-add-item"><i class="fa fa-plus"></i> Add item</button>

1 Ответ

2 голосов
/ 19 мая 2019

Вы должны правильно закрыть обработчик click, проверьте расположение конечных скобок.

Ниже приведен фрагмент правильного формата: 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
  $(function() {

    $('#btn-add-item').on('click', // <-- removing end paranthesis after "click" event will close the function
      function(e) {
        e.preventDefault();
        alert("works");
        return false;
      }); // <-- adding end paranthesis here

  });
</script>

<button class="btn btn-primary btn-sm" id="btn-add-item"><i class="fa fa-plus"></i> Add item</button>
...