2012-10-17 65 views
1

薩拉姆jquerymobile縮略圖

我在jqueryMobile是新的,我想查看縮略圖但得到這個enter image description here

我怎樣才能得到一個正常的?

這裏這個名單

<ul data-role="listview" class="ui-listview"> 
     {% for produit in produits %} 

      <li data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="c" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-li-has-thumb ui-btn-up-c"><div class="ui-btn-inner ui-li"><div class="ui-btn-text"><a href="index.html" class="ui-link-inherit"> 
       {% if produit.Images is empty %} 
        <img src="{{asset('upload/non_disponible.jpg')}}" class="ui-li-thumb"/> 
       {% else %} 
        <img src="{{asset('upload/')}}{{produit.Images[0].path}}" class="ui-li-thumb"/> 
       {% endif %} 
       <h3 class="ui-li-heading">Broken Bells</h3> 
       <p class="ui-li-desc">Broken Bells</p> 
      </a></div><span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span></div></li> 

     {%endfor%} 
    </ul> 

回答

3

試試下面的代碼,而不是(使用jQuery Mobile的版本1.2.0)的代碼:

<ul data-role="listview" class="ui-listview"> 

    {% for produit in produits %} 
    <li data-theme="c"> 
     <a href="index.html" class="ui-link-inherit"> 
      {% if produit.Images is empty %} 
       <img src="{{asset('upload/non_disponible.jpg')}}" class="ui-li-thumb"/> 
      {% else %} 
       <img src="{{asset('upload/')}}{{produit.Images[0].path}}" class="ui-li-thumb"/> 
      {% endif %} 
      <h3 class="ui-li-heading">Broken Bells</h3> 
      <p class="ui-li-desc">Broken Bells</p> 
     </a> 
    </li> 
    {%endfor%} 

</ul> 

希望這有助於。讓我知道你的結果。

+0

感謝這有幫助 – yanddam

+0

您的歡迎隊友! ;) – Littm