JQuery通用多按钮点击功能答案

【问题标题】：JQuery generic multiple buttons click functionJQuery通用多按钮点击功能
【发布时间】：2015-11-27 13:13:09
【问题描述】：

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>

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

【问题讨论】：

你能创建一个 FIDDLE 吗？
gravarDetalhe 函数在哪里定义？你尝试了什么，为什么没有成功？控制台中的错误是什么？你能提供一个真实的例子来重现这个问题吗？

标签： javascript jquery generics button click

【解决方案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);
                //});
            }

【讨论】：

为什么要再次单击处理程序.. 尽管选择器错误不会将任何内容绑定到任何元素。