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');
});

jquery click事件..我需要每个循环吗？

1 个答案: