亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

使用jquery給新生的th綁定hover事件的實(shí)例

??? 2017-02-16 13:13:49 1261
????:這是昨天在做一個(gè)動(dòng)態(tài)的table時(shí)遇到的一個(gè)小問題,table的th需要讓鼠標(biāo)在移入和移出時(shí)顯示顏色變化,之前th是固定寫死的,直接可以用jquery的hover()方法來實(shí)現(xiàn)。現(xiàn)在th需要用js/ajax來動(dòng)態(tài)生成加載到頁面,用hover()也就沒效果了(因?yàn)橐匦陆oth綁定mouseover和mouseout事件,而且考慮到可能會(huì)有多次加載th等情況,bind也要多次綁定,比較麻煩),在這里我

這是昨天在做一個(gè)動(dòng)態(tài)的table時(shí)遇到的一個(gè)小問題,table的th需要讓鼠標(biāo)在移入和移出時(shí)顯示顏色變化,之前th是固定寫死的,直接可以用jquery的hover()方法來實(shí)現(xiàn)。現(xiàn)在th需要用js/ajax來動(dòng)態(tài)生成加載到頁面,用hover()也就沒效果了(因?yàn)橐匦陆oth綁定mouseover和mouseout事件,而且考慮到可能會(huì)有多次加載th等情況,bind也要多次綁定,比較麻煩),在這里我使用了live來解決給新生的th綁定hover事件:

代碼如下:

$(function(){
 //....
 $("th").live("mouseover",function(){
    $(this).attr("style","color:#EE7600;font-weight:bold");
  }).live("mouseout",function(){
    $(this).removeAttr("style");
  });
 //....
});

很簡單的一段代碼,使用兩次live()分別給th綁定上mouseover和mouseout事件,由于.live()方法是使用了事件委托,能對(duì)一個(gè)還沒有添加進(jìn)DOM的元素有效,所以只要在jq中使用一次live,對(duì)之后加載進(jìn)的元素都會(huì)有效果。

更多關(guān)于使用jquery給新生的th綁定hover事件的實(shí)例請(qǐng)關(guān)注PHP中文網(wǎng)(ipnx.cn)其他文章!

??? ??

?? ??