作者bcskcay (僵屍)
看板Ajax
标题[问题] jquery 执行问题
时间Wed May 23 14:29:08 2012
我的问题是原本的页面效果是有的
使用完按钮 .html() 语法後效果跑不出来
html部份
<input type="button" value="变换" id="aaa">
<br>
<div id="ccc">
<div class="ddd">12</div>
<div class="ddd">23</div>
</div>
jqery部份
$("#aaa").click(function(){$("#ccc").html("<div class='ddd'>9</div>")});
$("#ccc .ddd").mouseover(function(){
$(this).css('background-color','#666666')});
$("#ccc .ddd").mouseout(function(){
$(this).css('background-color','#555555')});
http://jsfiddle.net/VZz9a/3/
结构感觉上是差不多
不知道是哪里出问题
新手上路请多见谅！
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 111.242.181.213
1F：推 awashharp:因为在执行mouseover跟mouseout的事件绑定时，新的div 05/23 14:31
2F：→ awashharp:并不存在！请改用$('#ccc').on('mouseover', '.ddd',... 05/23 14:32
4F：→ bcskcay:那大概是怎样的情形要用on哪些情形可以不用 05/23 14:48
5F：推 davidsky:DOM内容不会变动时直接bind没问题，会持续更新就on 05/23 16:36
6F：推 awashharp:其实on是现在1.7版新增的event绑定功能~只是将delegate 05/23 17:09
7F：→ awashharp:跟live的功能加进来了！理论上click底层也是使用on()喔 05/23 17:09