返回 使用jquer...... 登陆

使用jquery给新生的th绑定hover事件的实例

巴扎黑 2017-02-16 13:13:49 1022

这是昨天在做一个动态的table时遇到的一个小问题,table的th需要让鼠标在移入和移出时显示颜色变化,之前th是固定写死的,直接可以用jquery的hover()方法来实现。现在th需要用js/ajax来动态生成加载到页面,用hover()也就没效果了(因为要重新给th绑定mouseover和mouseout事件,而且考虑到可能会有多次加载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()方法是使用了事件委托,能对一个还没有添加进DOM的元素有效,所以只要在jq中使用一次live,对之后加载进的元素都会有效果。

更多关于使用jquery给新生的th绑定hover事件的实例请关注PHP中文网(www.php.cn)其他文章!

最新手记推荐

• 交作业交作业交作业 • 模拟用户登陆验证的案例 • jquery笔记 • 浮动的代码float • CSS中的浮动——简易导航栏

全部回复(0)我要回复

暂无评论~
  • 取消 回复 发送
  • PHP中文网