今天,在开发首页时,我们
发现jQuery绑定单击事件是无效的:
1.html:
在test.js引用2.html
方法函数:
复制代码代码如下所示:
$(# ceshisub )Bind(单击。
var a=1;
a=1;
警报(ceshisub );
});
问题是页面中的单击事件按钮没有响应,而js调试窗口在var = 1中打开;该行的断点未出现。
解决办法是:
首先,将加载事件添加到上面的js函数中:
添加的代码如下所示:
复制代码代码如下所示:
$(函数(){())
$(# ceshisub )Bind(单击。
var a=1;
a=1;
警报(ceshisub );
});
});
在这种
情况下,绑定事件是有效的。
js中有三个加载函数,除了上面
复制代码代码如下所示:
$(函数(){())
警报(第一个方法);
});
有两种方法可以做到这一点:
复制代码代码如下所示:
窗口。指针函数(){
警报(第二个方法);
}
$(
文档)Ready(函数(){)
警报(第三方法);
});
二,如果js加载函数不用于初始化绑定事件,那么有一种方法。
js语句将被引用。
页面最后一部分的加载。
总结:
jquery首先发现的元素在文档当元素绑定到绑定的事件,如果它没有被发现,绑定失败。
上面的第一个解决方案是在初始化页面后JS初始化时
执行绑定。
第二种方法是确保页面元素被初始化并绑定。所有元素都初始化并绑定。