通過參數傳遞圖像，jQuery mobile

我有一個簡單的JQuery產品列表。當用戶點擊一個項目時，它會打開一個名爲「主頁」的細節，其中我傳遞了品牌，描述和價格等參數。通過參數傳遞圖像，jQuery mobile

我想傳遞圖像，但我不知道如何做到這一點。任何幫助讚賞。謝謝。

繼承人如何我傳遞的參數：

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>

來源

2011-07-06 JFFF

順便說一句，這是我的數組，如果它可以幫助... 變種目錄= { 「產品」：[{ 「縮略圖」： '/pub/3/resources/ti/store/mobile/chrome.png' ，「brand」：「Google」，「description」：「Chrome」，「price」：「0.00」}， – JFFF

這應該做的伎倆爲您

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

來源

2011-07-06 13:33:29 mkilmanas

工作！非常感謝，我非常感謝你的幫助。乾杯！ – JFFF

你問這之前：Adding images to a JSon array

你不能設置#productThumbnail的html屬性，你需要設置其src相反，使用從product.thumbnail傳入的圖像URI（mkilmanas的回答告訴你如何）。

來源

2011-07-06 13:34:38 Ben

我知道，我知道......我問了很多問題，但我正在學習。有時我可能會錯誤地提出類似的問題。但我真的很感謝幫助。我學得越多，我就會有更少的問題，有一天我會回答人們而不是問 – JFFF

通過參數傳遞圖像，jQuery mobile

回答

相關問題