Question

我有一个简单的JQuery产品列表。当用户点击某个项目时，它会打开一个名为详细信息的“母版页”，我会在其中传递品牌，描述和价格等参数。

我正试图传递图像，但我不知道如何做到这一点。任何帮助赞赏。感谢。

以下是我如何传递参数：

 var productId = getParameterByName("productId", $(this).data("url"));
    $.mobile.pageLoading();
    var product = catalog.products[productId];

    $('#productDescription').html(product.description);
    $('#productBrand').html(product.brand);
    $('#productPrice').html(product.price);
    $('#productThumbnail').html(product.thumbnail);

    $.mobile.pageLoading(true);

现在，如果我可以传递品牌，描述和价格，因为它们是文本。但我不知道如何传递图像...我尝试了以下内容，它显示了图像的URI。

<div align="center">
            <label>Thumbnail</label>
            <label id="productThumbnail">Thumb</label>
        </div>

Answer 1

这应该是你的伎俩

$('#productThumbnail').html("<img src='"+product.thumbnail+"' alt='Thumbnail' />");

Answer 2

你之前问过：Adding images to a JSon array

您无法设置#productThumbnail的{{1}}属性，您需要使用html传入的图片URI来设置其src（mkilmanas的回答）告诉你如何）。

通过参数传递图像，JQuery mobile

2 个答案: