Ajax更新后的模型放大產品，用於多個圖像

Question

當產品有一個圖像時，將Hotcakes Commerce模塊用於dotnetnuke.zoom圖像即可正常工作。 用於縮放的jQuery庫是elevateweb.co 。 （ 在本教程中，將“縮放”添加到產品視圖中 ）在product.js代碼也已更新

$('#hcProductImage').attr('src', data.MediumImageUrl);
$('#hcProductImage').attr('data-zoom-image', data.MediumImageUrl);
$('#hcProductImage').elevateZoom({easing : true});
$('#hcSku').html(data.Sku);

圖片來源的data-zoom-image屬性已正確更新，但在更改產品型號后縮放顯示先前的圖片。 更改data-zoom-image屬性后，已調用elevateZoom函數以更新zoom。 但沒有變化。

Answer 1

我對Hotcakes Commerce不熟悉。 但是我認為您必須重新綁定縮放的DIV的背景圖像。

$('.zoomWindowContainer .zoomWindow').css({ 'background-image': 'url(\'' + data.MediumImageUrl + '\')' });

這對於相同尺寸的圖像可能效果最好。