hoverIntent с iframe, путается с границей и высотой. наведение работает

Я уже видел это: jQuery hoverIntent не работает, но hover работает

Однако у меня ДЕЙСТВИТЕЛЬНО есть два обработчика входа и выхода, и 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>

Идентификаторы здесь:

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

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

Любые идеи?


jquery hoverintent
person Jonah Lee    schedule 10.05.2015    source источник

Ответы (1)


arrow_upward
1
arrow_downward 

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

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

Вот рабочая ссылка http://jsfiddle.net/asadalikanwal/usL4a8xj/

person Asad Ali Kanwal    schedule 10.05.2015
comment
#sidebar{ width:56px; border:0px; } #sidebar_active{ width:150px; border:0px; } Оказывается, причиной проблемы была граница. Есть идеи, как это исправить? - person Jonah Lee; 10.05.2015
comment
Да, просто добавьте frameborder=0 в тег iframe jsfiddle.net/asadalikanwal/usL4a8xj/1 - person Asad Ali Kanwal; 10.05.2015