javascript - 如何在jquery中使用on转换悬停功能

标签 javascript jquery

我有这个代码

$("td").hover(function(){
                $(this).find('a.btn').show();
                }, function(){
                $(this).find('a.btn').hide();
            })

如何使用 on 为新的 dom 元素转换此函数

最佳答案

$("#mytable").on('hover', 'td', function(){
    $(this).find('a.btn').show();
    }, function(){
    $(this).find('a.btn').hide();
});

但是使用 'hover' 伪事件代替传递 'mouseenter mouseleave' 已被弃用,因此您应该真正使用 mouseentermouseleave 直接。

$("#mytable").on('mouseenter', 'td', function(){
    $(this).find('a.btn').show();
})
.on('mouseleave', 'td', function(){
    $(this).find('a.btn').hide();
});

或者像这样:

$("#mytable").on({'mouseenter': function(){
    $(this).find('a.btn').show();
}, 'mouseleave': function(){
    $(this).find('a.btn').hide();
}}, 'td');

或者像这样更短:

$("#mytable").on('mouseenter mouseleave', 'td', function(e){
    $(this).find('a.btn').toggle(e.type === 'mouseenter');
});

关于javascript - 如何在jquery中使用on转换悬停功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13004722/

相关文章:

javascript - 创建解析角色层次结构失败并显示 'parent is undefined'

javascript - 如何在 on() 方法内调用 ajax 后执行 javascript

javascript - Opera 中的慢速滚动(11)使用固定位置和文本阴影

javascript - 使用 XSS 改变服务器端已经存在的 javascript 文件

javascript - 如何检测触摸移动长度/偏移量?

javascript - 无法使 Jquery Ketchup 插件正常工作

javascript - 使用隐藏 IFrame 在 javascript 中上传的文件的大小

javascript - 仅当在文本字段中输入正确的单词时,如何才能使链接起作用?

javascript - ajax后Laravel刷新数据

javascript - 类型错误 : Result of expression 'toPage.data( "page")' [undefined] is not an object - in jquery mobile