Question

我无法在jquery中使用onmouseover功能。我想要做的是当你将鼠标悬停在“这里”这个词上时，图像会弹出。该插件工作正常，只是不知道如何处理onmouseover或悬停事件？

HOVER ISNT正在我的代码中工作

('a.lightbox').hover(function(){
  $('a.lightbox').lightBox();     
});

 <body>
    <form id="form1" runat="server">
    <div id="outer">
    <a href="image1.jpg" class="lightbox">here</a>
    </div>
    </form>
</body>

这也不起作用.....

 $('a.lightbox').hover(function() {
    $(this).lightBox();
    });

是不是我可以简单地将鼠标悬停在一个单词上并弹出一个图像？

Answer 1

嘿，你错过了jQuery的'$'标志

查看演示http://jsfiddle.net/Vjhz3/7/

Answer 2

这里有两件事......

您想在第一行使用$('a.lightbox')，而不是('a.lightbox')
我认为这不是使用灯箱的正确方法，请查看文档

Answer 3

除了缺少$符号外，此代码无法正常工作，因为它会使用选择器a.lightbox打开所有元素，而不仅仅是暂停的那个，请尝试：

$('a.lightbox').hover(function(){
  $(this).lightBox();     
});

Answer 4

你忘记了$。试试这个

$('a.lightbox').hover(function(){
  $('a.lightbox').lightBox();     
});

此外，您可以使用$(this).lightBox();代替第二行。

以下是一个示例：http://api.jquery.com/hover/#hover2

Answer 5

除了@mahesh发现的问题之外，你也不应该使用hover函数;当hover与一个函数一起使用时，当鼠标进入和离开元素时，将使用您的函数。请改用mouseenter或mouseover事件。

onmouseover功能有问题

5 个答案: