-1

好的，我已经编辑了这个问题，以便您理解。我在段落中有 10 张图片和它们各自的名称。所以，你有 10 张图片和 10 个段落。由于图像不同，当然名称也不同，所以我不能使用类。所以，我对一个图像使用了一个 ID，并对其名称使用了另一个 ID。

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

我会给你一个下面一张图片的例子：

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

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

请记住，我更改了示例以便您理解。如您所见，如果用户单击图像，则其各自的名称也将被隐藏。两者都是隐藏的。然后，我验证图像是否隐藏，将显示一个警告框。图像及其名称确实隐藏了，但没有显示警报框......我必须验证图像是否隐藏，以便显示警报框。

4

4 回答 4

0

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

所以，如果我明白了，你可以做类似的事情，假设你为你想要检查的所有图像添加一个类（比如说 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/

于 2012-10-30T20:22:50.693 回答
0

I think this is what you want:

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

        $('#div').load(page.html');
    });
});
于 2012-10-30T19:13:24.800 回答
0

此代码将相同的处理程序绑定到 click 事件，该事件会隐藏两个图像并加载页面：

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

如评论中所述，您可以设计一种选择所有相关图像的方法。例如将它们包装在一个 div 中或添加一个类来识别它们。

看看this和this fiddle 以获取有关如何执行此操作的示例。

希望能帮助到你。

于 2012-10-30T19:18:28.257 回答
0

如果您在单击时被隐藏，并且单击将始终隐藏两者，则您可能将其作为脚本：

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

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

您确定从“page.html”返回正确的内容吗？

于 2012-10-30T19:23:58.440 回答