Question

    $(function(){
    var image = $('img');
    if (image.attr("id") == "webs"){
    $('#hoverpoint').hover(function(){

        $('#websitehov').stop(true,true).fadeIn('slow');
    }, function() {
        $('#websitehov').stop(true,true).fadeOut('slow');
    });
    }
});

我正在尝试编写一个条件来查找隐藏图像是否可见。基本上，当您将鼠标悬停在图像上时，如果某个图像可见，则悬停图像将特定于该可见图像。如果它们一直可见，那就没问题，但由于它们是在一个循环（循环插件）中每10秒淡入淡出，我无法识别它们。有什么想法吗？

Answer 1

听起来你有重复的ids !!!!无论如何，如果你像这样编写这段代码会更合乎逻辑：

$("img").each(function(){

   currentImage=$(this).attr("class");
   if(currentImage=="webs"){
     $('#hoverpoint').hover(function(){
        $('#websitehov').stop(true,true).fadeIn('slow');
    }, function() {
        $('#websitehov').stop(true,true).fadeOut('slow');
    });
   }

})

Answer 2

 $("img").each(function(){
    if($(this).is(':visible')){
        $('#hoverpoint').hover(function(){
           $('#websitehov').stop(true,true).fadeIn('slow');
       }, function() {
        $('#websitehov').stop(true,true).fadeOut('slow');
    });
   }
 })

使用可见选择器

javascript / jquery使用dom识别隐藏的图像

2 个答案: