Question

目前有3个图像div和3个描述div，其中显示了图像预览。点击col-md-4 product-quickview，图像预览将显示在说明div中。

我不想在我的HTML中有3个图像描述div，因为我当时只想显示一个图像。我不想用jQuery代码动态填充

$('.descriptions .panel').hide();
$('#grid .product-quickview').click(function(){
    var idx = $(this).parents('.col-md-3').index();
    var row = $(this).parents('.col-md-3').parent().next('.row');
    $('#grid img').removeClass('highlight');
    $(this).addClass('highlight');
    //$('.descriptions .panel').hide();
    row.find('.descriptions .panel').eq(idx).toggle("slow","swing");
});

所以我想要实现的效果是删除3个硬编码的描述div，并用一个动态填充的div替换它们，基于图像预览点击。

如果您需要任何其他信息，请告诉我，我会提供。

Answer 1

我可能不太清楚您正在寻找的功能。此版本只有一个区域用于您当前查看的图像/ desc。它仅在第一次打开，然后根据点击进行更改。图像说明位于点击图片上的数据标记data-desc中。

Working jsFiddle

点击

1 个答案: