将变量从一个JavaScript回调匿名函数传递给另一个

Question

如下所示，我正在将一个变量从inputclass回调传递给validate回调。

是否可以在不使用全局变量的情况下做到这一点，以便在将jQuery插件应用于给定元素时在实例中是局部的？

$('#name').editable({
    inputclass: function() {
        globalVariable=this;
    },
    validate: function (value) {
        console.log(globalVariable);
        return 'pause';
    }
});

小提琴

Answer 1

由于inputclass（）和validate（）中的这个是指不同的元素，因此共享数据有点麻烦。 我的想法也使用data（），但是要将数据从inputclass（）传递到validate（），您将需要从inputclass（）所指输入的dom向上移动，直到.ui-tooltip，寻找元素validate（）通过id引用

$('#name').editable({
    inputclass: function(e, f) {
        $("a[aria-describedby=" + $(this).closest(".ui-tooltip").prop("id") + "]").data("shared", "somedata");
    },
    validate: function (value) {
        console.log("validate", $(this).data("shared"));
        return 'pause';
    }
});

更新了jsfiddle来演示：

的jsfiddle

Answer 2

我建议在这里使用数据属性来传递数据。

$('#name').editable({
    inputclass: function() {
        var value = 'some value';
        $(this).data('input-value', value);
    },
    validate: function (value) {
        var inputValue = $(this).data('input-value');
        console.log(inputValue);
        return 'pause';
    }
});

仅当您知道在validate之前调用了inputClass函数时，此方法才validate

PS：如果只想传递this ，则绝对不需要，因为它将在两个函数中自动绑定。

Answer 3

您需要在函数范围之外定义该变量：尝试以下操作：

  var globalVariable;
    $('#name').editable({
        inputclass: function() {
            globalVariable='your value';
        },
        validate: function (value) {
            console.log(globalVariable);
            return 'pause';
        }
    });