Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 不理解Jquery悬停_Javascript_Jquery_Jquery Ui_Hover_Jquery Hover - Fatal编程技术网

Javascript 不理解Jquery悬停

Javascript 不理解Jquery悬停,javascript,jquery,jquery-ui,hover,jquery-hover,Javascript,Jquery,Jquery Ui,Hover,Jquery Hover,我环顾四周,基本上是在jQueryAPI页面上度过的,但我似乎不明白如何触发某个悬停事件 我所拥有的: <div class="profile profile-inner"> <div class="profile-footer"> <ul class="profile-actions"> 我想要的是: ul类是隐藏的。然后,一旦div类“profile-internal”被悬停,我希望ul类是可见的 注: 据我所知,我将不得不使用this,因为有许多

我环顾四周,基本上是在jQueryAPI页面上度过的,但我似乎不明白如何触发某个悬停事件

我所拥有的:

<div class="profile profile-inner">
<div class="profile-footer">
<ul class="profile-actions">

我想要的是:

ul类是隐藏的。然后,一旦div类“profile-internal”被悬停,我希望ul类是可见的

注:

据我所知,我将不得不使用
this
,因为有许多div类
配置文件内部
(因为该特定页面上有许多不同的成员配置文件)

有两个参数:一个在转换到“悬停状态”时调用的函数,另一个在离开“悬停状态”时调用的函数:

我不建议这样做:根据页面的布局,使用Javascript检测悬停可能不可靠,并且您可能会“陷入”状态。这可能会激怒用户,幸运的是,您可以单独使用CSS来做您想做的事情:

.profile.profile-inner ul { display: none; }
.profile.profile-inner:hover ul { display: block; }
如果您的外部元素是一个
-shim来补充基于CSS的方法,而不是使用jQuery的hover。此方法可以一直使用到MSIE4。

接受两个参数:转换到“悬停状态”时调用的函数,以及离开“悬停状态”时调用的另一个函数:

 $(document).ready(function()
 {
    $(".profile-actions").hide();

    $(".profile-inner").hover(function()
    {
        $(".profile-actions").show();   
    }, function()
        {
          $(".profile-actions").hide();
        });     
});
我不建议这样做:根据页面的布局,使用Javascript检测悬停可能不可靠,并且您可能会“陷入”状态。这可能会激怒用户,幸运的是,您可以单独使用CSS来做您想做的事情:

.profile.profile-inner ul { display: none; }
.profile.profile-inner:hover ul { display: block; }
如果您的外部元素是一个
-shim来补充基于CSS的方法,而不是使用jQuery的hover。这种方法可以一直使用到MSIE4

 $(document).ready(function()
 {
    $(".profile-actions").hide();

    $(".profile-inner").hover(function()
    {
        $(".profile-actions").show();   
    }, function()
        {
          $(".profile-actions").hide();
        });     
});
我应该做这项工作

如果要完成这项工作

您不需要JavaScript(或jQuery),只需使用css即可:

profile-inner:hover .profile-actions{ display:block; }

这不需要JavaScript(或jQuery),只需使用css即可:

profile-inner:hover .profile-actions{ display:block; }

为什么要两次添加同一个类?编辑:很抱歉。这本应该是profile-Internal。为什么要添加同一个类两次?编辑:很抱歉。它应该是profile-profile-internal.Uhm,
jQuery()。hover()
与所有具有相关市场份额的浏览器兼容,包括IE6,也可能是IE5。@Christian-有时会错过潜在的mouseover/mouseout事件,尤其是在窗口边缘附近。这可能会导致基于Javascript的悬停功能陷入基于CSS的方法无法解决的困境。@geocar感谢您的及时回复,并编辑了初始答案以适应我的错误。我会尽快尝试!嗯,
jQuery().hover()
与所有具有相关市场份额的浏览器兼容,包括IE6和可能的IE5。@Christian-有时会错过潜在的mouseover/mouseout事件,尤其是在窗口边缘附近。这可能会导致基于Javascript的悬停功能陷入基于CSS的方法无法解决的困境。@geocar感谢您的及时回复,并编辑了初始答案以适应我的错误。我会尽快尝试!感谢现场演示和解释。伟大的网站,我将需要书签!感谢现场演示和解释。伟大的网站,我将需要书签!