У меня возникла проблема с 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");
});
Вы должны передать параметр события в функцию. И делай. Event.preventDefault() он остановит связь с поведением.
Добавление return false;
в конце функции будет устранена проблема
Добавить return false;
в конце вашего кода обработки событий. Я бы сделал так:
$("#brands_by_category_change_name_btn").click(
// your code...
return false;
});