Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.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
jquery锚悬停在图像的选项卡上_Jquery_Html_Hover_Image_Visited - Fatal编程技术网

jquery锚悬停在图像的选项卡上

jquery锚悬停在图像的选项卡上,jquery,html,hover,image,visited,Jquery,Html,Hover,Image,Visited,我正在用jquery创建一个图像选项卡,这里我没有使用任何css。。 我正在使用锚 当用户将鼠标悬停在anchor ie focus on上时,它应该触发一些东西,但它不工作 <div class="container"> <div class="TabMenu"> <span><a href="#"><img src="images/A.png"></a></span>

我正在用jquery创建一个图像选项卡,这里我没有使用任何css。。 我正在使用锚

当用户将鼠标悬停在anchor ie focus on
上时,它应该触发一些东西,但它不工作

<div class="container">
    <div class="TabMenu">
        <span><a href="#"><img src="images/A.png"></a></span>
        <span><a href="#"><img src="images/B.png"></a></span>
        <span><a href="#"><img src="images/C.png"></a></span>
    </div>
</div>
是否存在锚悬停、访问、激活的代码

$(".container .TabMenu span a:visited").(function(){
 alert("You have visited");
});

$(".container .TabMenu span a:hover").(function(){
 alert("Hover working");
});

$(".container .TabMenu span a:active").(function(){
 alert("Hover working");
});
锚是否有特殊的功能代码


不要使用jquery的hover函数,我知道上面3个锚定代码是错误的。

要在hover上执行代码,可以使用mouseenter()和mouseleave()方法或hover()方法:


hover有个问题,在移除mouseenter和mousleave后,它会在hover start和hover end上放置两次,你能让我知道直接使用Anchor解决问题吗,比如a:hover,a:visited会是最好的,你到底想做什么?没有:visited或:active jQuery筛选器,但即使有(或者您编写了自定义筛选器),它也不会在悬停时触发任何回调,它只会从文档中选择已访问的链接。。。
$(".container .TabMenu span a:visited").(function(){
 alert("You have visited");
});

$(".container .TabMenu span a:hover").(function(){
 alert("Hover working");
});

$(".container .TabMenu span a:active").(function(){
 alert("Hover working");
});
$(".container .TabMenu span a").mouseenter(function() {
    alert("hover start")
});

$(".container .TabMenu span a").mouseleave(function() {
    alert("hover end")
});

$(".container .TabMenu span a").hover(function() {
    alert("hover start")
}, function() {
    alert("hover end")
});