jquery - 为 Javascript 和 jQuery 函数创建函数

Question

所以我在 (document).ready 函数中有这些函数:

$(document).ready(function () {
    $("#border_button").click(function () {
        var value = $("#border-radius").attr("value");
        $("div.editable").click(function (e) {
            e.stopPropagation();
            showUser(value, '2', this.id)
            $(this).css({
                "-webkit-border-radius": value
            });
        });
    });
});

我希望能够编写一个带有参数的函数:

(#border_button,#border_radius,2,-webkit-border-radius)

但是每次我编写函数并执行它时 functionName(parameters)，我都会收到错误“Undefined”

有谁知道如何为此编写一个不会返回 undefined 的函数？

Answer 1

您不是在创建可在任何地方手动调用的函数。

如果您谈论的是一个完全不同的函数:您需要将参数作为字符串传递，即用 ' 或 " 引起来:

someFunction('#border_button', '#border_radius', 2, '-webkit-border-radius');

---

要使您当前的代码可作为函数调用:

function fooBar(selector, fieldSelector, num, cssRule) {
    $(selector).click(function(e) {
        var value = $(fieldSelector).val();
        $('div.editable').click(function(e) {
            e.stopPropagation();
            showUser(value, num, this.id)
            $(this).css(cssRule, value);
        });
    });
}

$(document).ready(function() {
    fooBar('#border_button', '#border_radius', 2, '-webkit-border-radius');
});

请注意，我已将 .attr('value') 更改为 .val()，因为这是获取表单字段值的 jQuery 方式。