javascript - javascriptの代わりに動作するhref

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;イベント処理コードの最後にa を追加します。私はそのようにします：

$("#brands_by_category_change_name_btn").click( 

  // your code...

  return false;

}); 

Answer 3

関数の最後に追加return false;すると問題が解決します