首页猿问大神给看看为什么我的click事件没触发

大神给看看为什么我的click事件没触发

JavaScript

红红火火我的天 2017-01-09 10:56:41

查看完整描述

3 回答

已采纳

Caballarii

TA贡献1123条经验获得超629个赞

js先执行了，但这时候找不到$("#btn")，因为还没有加载，所以触发不了。

你写到body的最后或者$(function(){})里面，都是等页面上的元素渲染完了以后再去找，所以找得到，可以触发事件

3 反对回复 2017-01-09

红红火火我的天
我大概也明白这个意思但是在页面上已经显示这个按钮了怎么是没加载呢这里不太懂

回复 2017-01-09
Caballarii
从前往后依次执行，执行到绑定click事件的时候，页面上还没有input，也就是事件没绑定成功，然后执行到<input type="button">的时候，把按钮渲染到页面上。如果写到body最后，就是先把按钮渲染出来，然后再绑定click事件的时候就可以在页面上找到了

回复 2017-01-09
红红火火我的天
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <script src="../../js/jquery.min.js"></script> <title>Insert title here</title> </head> <script type="text/javascript"> $("#btn").click(function(){ alert($("#id").val()); }); </script> <body> <input type="hidden" id="id" value=${param.id} /> <input type="button" id="btn" value="aaa"/> </body> </html>

回复 2017-01-09