JQuery Mobile Rails эскизы

Question

Я хочу создать список с миниатюрами, текстовым описанием и счетчиком чисел.

Мой _ele.html.erb выглядит так:

<li>

          <img src="http://www.starbucks.com/static/images/global/logo.png" alt="some_text"/>
          <%= link_to "#{user.name}", user_path(user), "data-icon" => "gear"%>
          <span class="ui-li-count" >5</span>

</li>

Как это выглядит правильноТеперь это изображение, а под ним - user.name

Я хочу, чтобы user.name отображалось справа от изображения.

Как мне это сделать?

Answer 1

Вы проверяли демо здесь: http://jquerymobile.com/demos/1.0.1/docs/lists/lists-thumbnails.html?В основном вам нужна такая структура:

<div data-role="content">
  <ul data-role="listview">
     <li><a href="index.html">
       <img src="http://www.starbucks.com/static/images/global/logo.png" />
       <span><%= link_to "#{user.name}", user_path(user), "data-icon" => "gear"%></span>
       <span class="ui-li-count">5</span>
     </a></li>
   </ul>
</div>