本文介绍: 想用js实现一个鼠标悬停移出,用的jQuery调用函数onmouseenter结果报错Uncaught TypeError: $(…).onmouseenter is not a function网上大多是说是jQuery版本问题,我的版本是1.12,版本不算太低,但是也是报错。还有的说通过bind()进行绑定,我也是未解决其实解决简单,用原生js配合jQuery来写:…

想用js实现一个鼠标悬停移出,用的jQuery调用函数onmouseenter结果报错Uncaught TypeError: $(…).onmouseenter is not a function

 网上大多是说是jQuery版本问题,我的版本是1.12,版本不算太低,但是也是报错

还有的说通过bind()进行绑定,我也是未解决

  

其实原因极其可笑,我在此记录一下:mouseover是Jquery的,onmouseover是JavaScript的。

就像.click()事件一样,js是onclic(),jQuery是click()。

这样解决就很简单,用原生js配合jQuery来写:

原本报错代码

    $('#  ').onmouseenter(function () {
        $('#  ').css('display','none');
        $('#  ').css('display','block');
    })
    $('#  ').onmouseout(function () {
        $('#  ').css('display','none');
        $('#  ').css('display','block');
    })

后来的正确代码去掉on)

    $('#  ').mouseenter(function () {
        $('#  ').css('display','none');
        $('#  ').css('display','block');
    })
    $('#  ').mouseout(function () {
        $('#  ').css('display','none');
        $('#  ').css('display','block');
    })

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注