小弟这几天初学JQuery,学习中出现了一个问题,但怎么都解决不了
- HTML code
<!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>Untitled Document</title> <script type="text/javascript" src="javascript/jquery.js"></script> <style type="text/css"> #a { height: 350px; width: 350px; background-color: #F00; cursor: pointer; margin: 10px; float: left; } </style> <script type="text/javacript"> $("#a").click( function() { $(this).hide("slow"); } ); </script> </head> <body> <div id="a"> </div> </body> </html>
怎么点击div背景色都没消失的响应,测试用的是FireFox10.0.2和IE9,请各位大侠指点一下上面代码具体出了什么问题,谢了
------解决方案--------------------
$("#a").click(
function() {
$(this).hide("slow");
}
);
需要在相应的div生成后再执行,放到下面或在dom加载完成后执行
$(document).ready(function() {
$("#a").click(
function() {
$(this).hide("slow");
}
);
});