hoverIntent 与 iframe，与边框和高度混淆。悬停作品答案

【问题标题】：hoverIntent with iframe, messes up with border and height. hover workshoverIntent 与 iframe，与边框和高度混淆。悬停作品
【发布时间】：2015-05-10 07:05:37
【问题描述】：

我已经看过了：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%; 
}

有什么想法吗？

【问题讨论】：

标签： jquery hoverintent

【解决方案1】：

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

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

这是工作链接http://jsfiddle.net/asadalikanwal/usL4a8xj/

【讨论】：

#sidebar{ width:56px; border:0px; } #sidebar_active{ width:150px; border:0px; } 原来是边框导致了问题。知道如何解决这个问题吗？
是的，只需在 iframe 标签中添加 frameborder="0" jsfiddle.net/asadalikanwal/usL4a8xj/1