标签: mouseover

当鼠标悬停在绝对div上时,jQuery禁用滚动

我正试图在鼠标悬停在div上时禁用窗口鼠标滚动功能 - 这样只启用div滚动 - 当鼠标离开div时 - 再次应用滚动到窗口.div绝对定位.

当鼠标光标在div中时,我看到这个帖子使用jquery来禁用鼠标滚轮功能?但它似乎没有提供任何答案 - 因此我的问题.

我假设它会是这样的(如果只存在这些方法):

$('#container').hover(function() {
     $(window).scroll().disable();
     $(this).scroll().enable();
}, function() {
     $(window).scroll().enable();
});
Run Code Online (Sandbox Code Playgroud)

jquery scroll mouseover

52
推荐指数
2
解决办法
8万
查看次数

Toastr:如何防止在鼠标悬停时使用粘性吐司淡出?

我一直在玩toastr并且已经成功地将超时设置为0,因此吐司仍然是粘性的,但是当我将鼠标移出吐司时吐司消失了.我想要覆盖它,所以如果用户点击它,烤面包就会消失 - 非常适合有大量文字的祝酒词.如何才能做到这一点?

notifications messages mouseover sticky toastr

46
推荐指数
2
解决办法
2万
查看次数

图像鼠标悬停上的文字?

当鼠标移过图像时,我试图让一个小盒子出现在图像的左下角.在框内会有一个指向不同页面的链接.

有点类似于我想要的,但是盒子要小一些,而且没有连接到图像的边框.

我已经尝试了一切,但找不到答案.而且我不想使用工具提示,更不用说我没有任何javascript知识这一事实.我真的希望这是CSS.

我正在尝试使用的图像也可以在这里找到.

css text image mouseover

29
推荐指数
3
解决办法
24万
查看次数

鼠标悬停时更改背景颜色,鼠标移除后将其删除

我有班级的班级forum.我的jquery代码:

<script type="text/javascript">
    $(document).ready(function() {
        $('.forum').bind("mouseover", function(){
            var color  = $(this).css("background-color");

            $(this).css("background", "#380606");

            $(this).bind("mouseout", function(){
                $(this).css("background", color);
            })    
        })    
    })
</script>
Run Code Online (Sandbox Code Playgroud)

它非常有效,但是没有它可以更有效地完成它var color = $(this).css("background-color");.刚mouseout离开之前的背景颜色并删除#380606?谢谢.

mouse jquery mouseover mouseout

28
推荐指数
3
解决办法
12万
查看次数

使用jQuery检查mouseleave()上光标所在的元素?

我有一组列表元素(<li>在a中<ul>)在这样的图表上布局为气泡,其中气泡是<li>元素:

http://i.stack.imgur.com/PR7vR.png

我希望能够发现它们之间的区别

  1. 将鼠标从气泡#1移动到网格
  2. 将鼠标从气泡#1 直接移动到另一个气泡,例如气泡2

我试图$(this).mouseleave()偶数气泡中使用它,但是它会记录你要离开的元素而不是你当前正在悬停的元素.

关于如何获得鼠标移动元素的任何想法mouseleave()

javascript jquery nested mouseover mouseleave

26
推荐指数
2
解决办法
1万
查看次数

在Vimperator插件中模拟鼠标悬停

我正在尝试编写一个Vimperator插件,允许使用提示模式在下拉菜单上模拟鼠标.我有提示模式工作,可以正确选择附加鼠标悬停事件的元素.问题是我的模拟鼠标功能不起作用.这就是我目前拥有的:

function SimulateMouseOver(elem)
{
    var evt = elem.ownerDocument.createEvent('MouseEvents');
    evt.initMouseEvent('mouseover',true,true,
        elem.ownerDocument.defaultView,0,0,0,0,0,
        false,false,false,false,0,null);
    var canceled = !elem.dispatchEvent(evt);
    if(canceled)
        alert('Event Cancelled');
}
Run Code Online (Sandbox Code Playgroud)

上面的代码适用于某些页面,但不适用于其他页面.例如,它不适用于AccuWeather.任何关于如何模拟鼠标的想法都适用于大多数页面?

javascript mouseover vimperator javascript-events

24
推荐指数
3
解决办法
3万
查看次数

如何在鼠标悬停时显示隐藏的div?

如何显示一组隐藏的div onmouseover?

例如 :

<div id="div1">Div 1 Content</div>
<div id="div2">Div 2 Content</div>
<div id="div3">Div 3 Content</div>
Run Code Online (Sandbox Code Playgroud)

所有div都需要在onmouseover事件中显示.

html javascript css jquery mouseover

23
推荐指数
3
解决办法
20万
查看次数

如何使用jQuery在mouseover上找到当前元素?

如何获取鼠标悬停时当前元素的类名?例如 在此输入图像描述

当鼠标从div到a时,我想获得div元素的类名.我如何使用jQuery获取它?

html javascript jquery mouseover mouseout

22
推荐指数
3
解决办法
8万
查看次数

鼠标悬停在闪亮的ggplot上时的工具提示

我正在构建一个闪亮的应用程序

我正在使用ggplot绘制图表.

当我鼠标悬停在图表上的点时,我想要一个工具提示,显示数据框中的一列(可自定义的工具提示)

能否请您建议最好的前进方向.

简单应用:

# ui.R

shinyUI(fluidPage(
 sidebarLayout(
    sidebarPanel(
        h4("TEst PLot")),
    mainPanel(
        plotOutput("plot1")
    )
)
))

# server.R

library(ggplot2)
data(mtcars)

shinyServer(
function(input, output) {
    output$plot1 <- renderPlot({
        p <- ggplot(data=mtcars,aes(x=mpg,y=disp,color=factor(cyl)))
        p <- p + geom_point()
        print(p)
    })
}
)
Run Code Online (Sandbox Code Playgroud)

当我将鼠标悬停在点上时,我希望它显示mtcars $ wt

r mouseover tooltip ggplot2 shiny

21
推荐指数
4
解决办法
3万
查看次数

jquery触发器悬停在锚点上

我正在使用jQuery在Web环境中开发.

我想知道为什么

 $("#a#trigger").trigger('mouseenter');
 $("#a#trigger").trigger('hover');
 $("#a#trigger").trigger('mouseover');
Run Code Online (Sandbox Code Playgroud)

所有这三个都不能激活我拥有的悬停功能.

$(function() {


        $('a#trigger').hover(function(e) {
          $('div#pop-up').show();

             }, function() {
          $('div#pop-up').hide();
        });

     });

      });
Run Code Online (Sandbox Code Playgroud)

a#trigger是锚的名称,#pop-up是我网站中的div元素.

问题是我想在FullCalendar插件中鼠标悬停某些事件,这些功能无法正常工作.谢谢.

jquery triggers mouseover hover

20
推荐指数
2
解决办法
9万
查看次数