带有 iframe 的 hoverIntent，弄乱了边框和高度。悬停工程

Question

我已经看过了：jQuery hoverIntent not working, but hover does

但是，我确实有两个用于输入和输出的处理程序，但 hoverIntent 仍然不起作用。悬停。我肯定我也拥有所有目录。

var sidebar = $('#sidebar');

    sidebar.hoverIntent(function(){
        sidebar.attr('id','sidebar_active');
    }, function(){
        sidebar.attr('id','sidebar');
    });

边栏是一个 iframe：

<iframe id="sidebar" scrolling="no" src="sidebar/sidebar.php"></iframe>

ID 在这里：

#sidebar{
    width:56px;
    border:0; 
    height:100%; 
}

#sidebar_active{
    width:150px;
    border:0; 
    height:100%; 
}

有什么想法吗？

Answer 1

$(function(){
var sidebar = $('#sidebar');

    sidebar.hoverIntent(function(){
        sidebar.attr('id','sidebar_active');
    }, function(){
        sidebar.attr('id','sidebar');
    });
})

这是工作linkhttp://jsfiddle.net/asadalikanwal/usL4a8xj/

带有 iframe 的 hoverIntent，弄乱了边框和高度。悬停工程

hoverIntent with iframe, messes up with border and height. hover works

jquery

hoverintent