使用jquery給新生的th綁定hover事件
作者: 鄭曉 分類: javacript 發(fā)布于: 2013-03-13 09:15 瀏覽:11,830 沒(méi)有評(píng)論
這是昨天在做一個(gè)動(dòng)態(tài)的table時(shí)遇到的一個(gè)小問(wèn)題,table的th需要讓鼠標(biāo)在移入和移出時(shí)顯示顏色變化,之前th是固定寫死的,直接可以用jquery的hover()方法來(lái)實(shí)現(xiàn)?,F(xiàn)在th需要用js/ajax來(lái)動(dòng)態(tài)生成加載到頁(yè)面,用hover()也就沒(méi)效果了(因?yàn)橐匦陆oth綁定mouseover和mouseout事件,而且考慮到可能會(huì)有多次加載th等情況,bind也要多次綁定,比較麻煩),在這里我使用了live來(lái)解決給新生的th綁定hover事件:
代碼如下:
$(function(){
//....
$("th").live("mouseover",function(){
$(this).attr("style","color:#EE7600;font-weight:bold");
}).live("mouseout",function(){
$(this).removeAttr("style");
});
//....
});
很簡(jiǎn)單的一段代碼,使用兩次live()分別給th綁定上mouseover和mouseout事件,由于.live()方法是使用了事件委托,能對(duì)一個(gè)還沒(méi)有添加進(jìn)DOM的元素有效,所以只要在jq中使用一次live,對(duì)之后加載進(jìn)的元素都會(huì)有效果。
本文采用知識(shí)共享署名-非商業(yè)性使用 3.0 中國(guó)大陸許可協(xié)議進(jìn)行許可,轉(zhuǎn)載時(shí)請(qǐng)注明出處及相應(yīng)鏈接。
本文永久鏈接: http://yjfs.org.cn/the-jquery-to-newborn-th-bind-hover-event.html