JQuery 通用多按钮点击功能

Question

JQuery 和 JS 中的全新内容。我试图在一个通用函数中处理按钮点击，点击按钮并调用另一个函数。
这是我当前的代码：

 function add(el) {
            var button = $(el).attr('id');
            var infoForm;
            switch (button) {
                case "addEndereco":
                    infoForm = $("#infoEndereco");
                    break;
                case "addContato":
                    infoForm = $("#infoContato");
                    break;
                case "addBanco":
                    infoForm = $("#infoBanco");
                    break;
            }
            $(button).on('click', function () {
                gravarDetalhe(infoForm, button);
            });
        }

这些是我认为的按钮：

<button id="addEndereco" type="button" OnClick="add(this);" class="btn btn-primary">Salvar</button>
<button type="button" id="addContato"  OnClick="add(this);" class="btn btn-primary">Salvar</button>
<button type="button" id="addBanco"  OnClick="add(this);" class="btn btn-primary">Salvar</button>

它不起作用，我做了研究并尝试了很多东西，但没有任何帮助。
我在这里做什么？

Answer 1

你为什么不直接打电话给 function .. 为什么又是 click handler..

function add(el) {
                var button = $(el).attr('id');
                var infoForm;
                switch (button) {
                    case "addEndereco":
                        infoForm = $("#infoEndereco");
                        break;
                    case "addContato":
                        infoForm = $("#infoContato");
                        break;
                    case "addBanco":
                        infoForm = $("#infoBanco");
                        break;
                }
                //$(button).on('click', function () {
                    gravarDetalhe(infoForm, button);
                //});
            }

JQuery 通用多按钮点击功能

JQuery generic multiple buttons click function

javascript

generics

jquery

click

button