As shown below, I am passing a variable from the inputclass callback to the validate callback.
Could it be done so without using a global variable so it will be local to the instance when applying the jQuery plugin to the given element?
$('#name').editable({
inputclass: function() {
globalVariable=this;
},
validate: function (value) {
console.log(globalVariable);
return 'pause';
}
});
Since this in inputclass() and validate() are referring to different elements, it's a bit troublesome to share data. My idea is also using data(), but to pass data from inputclass() to validate(), you will need to travel up the dom from input that inputclass() refer to, up to .ui-tooltip, look for the element that validate() is referring to through 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';
}
});
Updated jsfiddle to demonstrate:
I would recommend using data attributes here to pass data.
$('#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';
}
});
This method will work only if you know the inputClass function gets called before validate
P.S: If you just want to pass this, there is absolutely no need for that, since it will be bind automatically in both functions.
this does not appear to be the same in the two callbacks, so I don't think this will work.You need to define that variable outside the scope of functions: Try this:
var globalVariable;
$('#name').editable({
inputclass: function() {
globalVariable='your value';
},
validate: function (value) {
console.log(globalVariable);
return 'pause';
}
});
thiswithininputclassrefers to a createdinputelement while withinvalidaterefers to the originally element which the plugin was applied to.