我正在为表单编写代码,因为有很多表单需要简化屏蔽表单中字段的方法。因为我创建了一个类来封装字段的 id 并为每个字段分配特定的交互。
我有代码:
var Mask=(function() {
var me=this;
var eventInterator;
var func;
var fields;
function Mask(fd,ev,fn){
this.setFunction(fd);
this.setFunction(fn);
this.setEvent(ev);
this.execute();
}
Mask.prototype.setFields = function(fd){
fields=fd;
}
Mask.prototype.setFunction= function(fn){
func=fn;
}
Mask.prototype.setEvent= function (ev){
eventInterator=ev;
}
Mask.prototype.execute = function(){
for (var i=0;i<fields.length;i++){
loadEvent(fields[i]);
}
}
function loadEvent(field){
$(me+' '+field).on(eventInterator,function() {
func();
});
}
return Mask;
})();
当我运行以下代码时:
function doSomeThing(){
alert("hi");
}
var fields = ['#field1','#field2','#field3','#field4'];
var mask = new Mask(fields,"keyup",doSomeThing);
我收到错误:语法错误,无法识别的表达式:[对象窗口]
如何为 jquery 选择器设置 javascript 类的对象?
最佳答案
有2个问题
第一个 this.setFunction(fd);
应该是 this.setFields(fd);
第二个
在 Mask
函数中,me
引用 window
对象,因为它是一个对象 me + ' ' + field
将返回 [object Window] #field1
,这就是您收到错误的原因。
因此将 $(me+' '+field)
更改为 $(field)
正如 @plalx 所说,使用局部变量是没有用的,因为 Mask
的每个实例都会覆盖以前的值
关于javascript 对象到 jquery 选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32480638/