0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function buttonClicked(e)
{
alert(e.data.color);
}
jQuery('#but1').bind('click',{color:'red'},buttonClicked);
jQuery('#but2').bind('click',{color:'blue'},buttonClicked);
</script>
</head>
<body>
<br/><br/><br/><br/>
<div align="center">
<form action="" method="get">
<input id="but1" type="button" value="Red" />
<input id="but2" type="button" value="Blue" />
</form>
</div>
</body>
</html>
경고가 울리지 않습니다. 그 이유는 무엇입니까?jquery는 이벤트를 실행하지 않습니다
가 준비 문서의 외부 작업을 나던 왜 –
당신이 선택하고있는 요소는 사용할 수 없으므로 아직 클릭 핸들러가 설정하는 경우 요소가 떨어지기 전에 마크 업. 페이지가 파싱되면 DOM에 요소를 사용할 수있게됩니다. '$ (document) .ready()'는 페이지가 완전히 파싱되어 준비 될 때까지 기다린다. –
'ready()'함수에 대한 문서를 확인하십시오 : http://api.jquery.com/ready/ – canon