作者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