почему файл JS называется два раза

Question

У меня есть эта кнопка:

<button type="button" id="topic_schedulati" class="btn btn-info">Mostra Topics Schedulati</button> 

Это мой JQuery код для обработки нажмите:

(function() { 
    $(window).on('action:ajaxify.end', function(event, data) { 

     if (new RegExp(/^category\/[0-9]+/).test(data.url)) { 
      $(document).ready(function(){ 
      $('body').on('click', '#topic_schedulati', function() { 
       console.log("hi"); 
      }); 
     }); 
     } 

    }); 
}()); 

Почему, когда я нажимаю на кнопку я показываю печать «привет» два раза, а не один? Кто-нибудь может мне помочь?

Answer 1

Скорее всего, это действие «действие: ajaxify.end» вызывается несколько раз. Поскольку вы присоединяете событие к телу, нет необходимости в других условиях, поскольку событие будет реагировать на любой добавленный элемент, который соответствует идентификатору «topic_schedulati», помните, что у вас должен быть только один элемент с этим идентификатором или вы В зависимости от браузера будет иметь неустойчивое поведение.

$(function() { 
    $('body').on('click', '#topic_schedulati', function() { 
      console.log("hi"); 
    }); 
});