JQuery通用多按钮单击功能

时间:2015-11-27 13:13:10

标签: javascript jquery generics button click

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>

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

1 个答案:

答案 0 :(得分:2)

为什么不直接调用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);
                //});
            }