jquery-mobile - jquerymobile 缩略图

Question

萨拉姆

我是 jqueryMobile 的新手，我想查看缩略图，但得到了这个

我怎样才能得到一个正常的？

这里是这个列表的代码

<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>

Answer 1

请改用以下代码（使用 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>

希望这可以帮助。让我知道你的结果。