Question

So I have these functions inside of the (document).ready function:

$(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
            });
        });
    });
});

I want to be able to write a function with parameters that would be:

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

But every time that I write the function and execute it functionName(parameters), I get the error “Undefined”

Does anyone know how to write a function for this that won’t return undefined?

Answer 1

Maybe something like this? Not sure why you want to do that though.

$(document).ready(function(){

    function Fos(buttonSel, inputSel, someValue, cssProperty) {
        $(buttonSel).click(function(){   
            var value = $(inputSel).attr("value");
            $("div.editable").click(function (e) { 

                e.stopPropagation();

                showUser(value, someValue, this.id)
                var css_obj={};
                css_obj[cssProperty]=value;
                $(this).css(css_obj);  
            });        
        });        
    }

    Fos('#border_button', '#border-radius', 2, '-webkit-border-radius');
});