问题描述:在jsp页面的head标签中引入一个自定义的外部js(login.js)文件如下:
$('.loginButton').click(function(e) {
alert("1");
});
jsp页面body标签中定义的div内容如下:
<div id="btn" class="loginButton">
<input type="button" class="button" value="登录" />
</div>
想要的效果是页面上点击loginButton这个标签按钮后,去调用login.js做一些参数校验,结果出现点击后不报错,但无响应,也进入不到js文件的click事件中的现象。
问题原因:经尝试,是因为加载顺序造成的,
解决办法:把js文件放在</body>标签后引入即可