Question

我正在尝试显示一个警告框，上面写着“让我们玩得开心！”当悬停发生时。它必须使用包含ready事件的jQuery脚本块，以及用于侦听main元素中的悬停事件的jQuery语句。然后使用JavaScript显示警告框。下面的代码是我所拥有的，但当我将鼠标悬停在“让我看到”的超链接时，它不会显示警告mssg。

我在线研究但没有弄错误。

<head>
    <script
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
        $('#').hover(function(){
            alert("Lets have fun!");
        });
    });
    </script>
</head>
<main>
<p>Now Now Now <a href="#">Let me see</a></p>
</main>

Answer 1

在jQuery中，＆＃34;＃＆＃34;表示ID，如<a href="" id="#"></a>。

试试这个，$("[href='#']")代替。

$("[href='#']").on('hover', function(){
   alert('Hello');
});

Answer 2

您只需使用

即可

CSS选择器

。希望这有帮助！

   $("a[href='#']").hover(function () {
        alert("Lets have fun!");
    });

Answer 3

$(document).ready(function() {
  $('* a[href="#"]').on('mouseover', function() { // For all elements <a> that have href="#"
    alert('worked!');
  });
});

如果你想要效果＆＃34; onmouseover＆＃34;

JQuery的悬停功能不显示警报消息

3 个答案: