href работает вместо javascript

Question

У меня возникла проблема с a href="#", все еще работающей при нажатии ссылки - я могу увидеть console.log() перед изменением страницы - почему это делается?

HTML:

<a href="#" id="brands_by_category_change_name_btn" class="btn btn-primary" >Save</a> 

JS:

 $('body').on("click", "#brands_by_category_change_name_btn", function() { 

      var self = $(this); 
      var id = $("#product_name_head").data("productid"); 
      var cat_id = $(".product_category_selector").data("id"); 

      var url = $("#manufacturers_table").data("infourl"); 

      var state = "0"; 
      if(self.is(":checked")) 
      { 
       state = "1"; 
      } 
      var data_array = { 
        id : id, 
        cat_id : cat_id, 
        state : state 
       }; 

       console.log(url); 

      //ajaxCall(url, data_array, null, "reload_selected_product_categories"); 

     }); 

Answer 1

Вы должны передать параметр события функционировать. И делай. Event.preventDefault() он остановит связь с поведением.

Answer 2

Добавление return false; в конце функции решит проблему

Answer 3

Добавить return false; в конце вашего кода обработки событий. Я бы сделал так:

$("#brands_by_category_change_name_btn").click( 

    // your code... 

    return false; 

});