href 工作而不是 JavaScript

href working instead of javascript

本文关键字：JavaScript 工作 href      更新时间：2023-09-26

单击链接时，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;
});
相关文章：