jquery - jquery点击事件..我需要一个每个循环吗？

Question

我在图片库中使用了 Wordpress 模板中的此代码，因此每张图片在单击时都会显示一个弹出窗口，单击该窗口可以转到有关该产品的联系页面。

$("#cycle div.i").click(function () {// show pohelp 
    $('quickinfo').hide();
    var quickinfo = '#'+ $(this).find('a').attr('rel');
    var offset = $(this).offset();
    $(quickinfo).css('left', parseInt(offset.left-90)+'px').css('top', parseInt(offset.top-205)+'px').removeClass('l j hideme');
});

问题是当单击另一个图像时，已显示的图像不会删除。我希望一次只显示一个弹出的更多信息图像。

Answer 1

$('quickinfo').hide();不工作，因为它选择了一个无效的元素。

您只需为所有图像添加类。例如，添加一个类“image_gallery”，如下所示：

<img class="image_gallery">
<img class="image_gallery">

然后使用该类来选择它们$('.image_gallery).hide()而不是你的无效$('quickinfo').hide();

$("#cycle div.i").click(function () {
    $('image_gallery').hide();
    var quickinfo = '#'+ $(this).find('a').attr('rel');
    var offset = $(this).offset();
    $(quickinfo).css('left', parseInt(offset.left-90)+'px').css('top', parseInt(offset.top-205)+'px').removeClass('l j hideme');
});