通过参数传递图像，JQuery移动

Passing an image through parameters, JQuery mobile

本文关键字：JQuery 移动 图像 参数传递      更新时间：2023-09-26

我有一个简单的JQuery产品列表。当用户点击一件商品时，它会打开一个名为details的"主页"，我在其中传递品牌、描述和价格等参数。

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

下面是我传递参数的方法: 
 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>

这应该能帮到你

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

您之前问过这个问题:将图像添加到JSon数组

你不能设置#productThumbnail的html属性，你需要设置它的src，而不是使用从product.thumbnail传入的图像URI (mkilmanas的答案告诉你如何)。

相关文章：