JQuery隐藏对象

Question

好吧，我编辑了这个问题，以便你能理解。段落中有10张图片和他们各自的名字。所以，你有10个图像和10个段落。由于图像是不同的，当然，有不同的名字，我不能使用一个类。所以，我用一个ID作为一个图像，另一个ID用作它的名字。

用户将点击一个图像，它将隐藏和它的各自的名称以及。当用户点击另一个图像时，它会再次隐藏并重新显示其名称，直到所有内容都被隐藏。我可以为一个图像及其各自的名称使用一个类，但是用户有权仅点击图像而不是名称。就像一个隐藏的对象游戏！

，我会给你一个下面的图像的一个例子：

$(document).ready(function() { 
    $('#image1').click(function() { 
     $(this).hide('slow'); 
     $('#name').hide('slow'); 
    }); 

    if ($('#image1').is(':hidden')) { 
     alert('Hello'); 
    } 
});​ 

请记住，我改变了这个例子，你能理解。正如你所看到的，如果用户点击图片，它的名字也会被隐藏。他们都隐藏起来了。然后，我验证图像是否隐藏，将显示一个警告框。图像及其名称会隐藏，但警告框不会显示...而且我必须验证图像是否隐藏，以便显示警告框。

Answer 1

我想这是你想要的东西：

$(document).ready (function() { 
    $('#image1').click(function() { 
     $(this).hide('slow'); 
     $('#image2').hide('slow'); 

     $('#div').load(page.html'); 
    }); 
}); 

Answer 2

此代码绑定相同的处理点击事件，其中隐藏图像和加载页面：

$(document).ready(function() { 
    $('#image1, #image2').click(function() { 
     $('#image1, #image2').hide(); 
     $('#div').load('page.html');   
    }); 
});​ 

正如提到的评论你可以设计一种选择所有相关图像的方式。例如，将它们封装在一个div中或添加一个类来识别它们。

看一看this和this小提琴的例子如何做到这一点。

希望它有帮助。

Answer 3

如果你是隐藏在点击和点击总是隐藏这两项，你可能有这样的脚本：

$(document).ready (function() { 
    $('#image1, #image2').click(function() { 
     $('#image1, #image2').hide(); 

     $('#div').load('page.html', function() { 
     alert('Load was performed.'); 
     });   
    }); 
});​ 

你确定你是从你返回正确的内容“page.html中“？

Answer 4

如果我正确理解你的问题，你的代码应该是这样的。

所以，如果我得到它，你可以做这样的事情，假设你添加一个类（可以说myimgclass）到要检查所有的图片：

你的代码应该，如果我是类似的东西正确理解你的问题。

所以，如果我得到它，你可以做这样的事情，假设你添加一个类（可以说myimgclass）到要检查所有的图片：

$(document).ready(function() { 
    $('.myimgclass').click(function() { 
     //hide >>name here<< 

     $(this).hide('slow', function() { 
      var check = true; 
      $('.myimgclass').each(function() {     
       //we check if image is visible, if so we stop here 
       if($(this).is(':visible')) { 
        check = false; 
        return; 
       } 
      }); 
      if(check) alert('Hello'); 
     }); 
    }); 

});​ 

见http://jsfiddle.net/s7FXR/