Rails image_tag 不适用于 jQuery mobile

Question

我正在使用带有 Rails 应用程序的 jQuery mobile，并通过 Carrierwave gem 上传了各种个人资料图像。当我将 rails image_tag 与用户对象一起使用时，HTML 中没有输出。当我检查元素时，它只显示一个空的<div>。

但是，当我将相同的 image_tag 与不使用 jQuery Mobile 的应用程序版本一起使用时，图像会显示。有谁知道为什么会这样？

对于我正在制作的特定列表视图，文档建议采用以下格式：

 <ul data-role="listview" data-inset="true">
    <li> <a href="#">
            <img src="../_assets/img/example.jpg">
        <h2> Example </h2>
    <li>
 <ul>

我试过了：

<li>
       <img src="/uploads/user/photo" >
</li>

和

link_to (...) do 
    <li>
             <%= image_tag (object.image_url) %>
    <li/>

<% end %>

在此先感谢

Answer 1

您需要将 image_tag 包装在 link_to 标记中，如下所示：

  <% @posts.each do |post| %>
  <li>
    <%= link_to image_tag(post.thumbimage.url), :class=>"read" ,:remote=> true  %>
    <%= link_to post.title, post %>
    <%= link_to 'edit post', edit_post_path(post), "data-icon" => "gear" %>
  </li>
  <% end %>

在这种情况下，使用回形针 gem 显示来自数据库的图像。请查看此链接中的宝石：

https://github.com/thoughtbot/paperclip

这就是 html 标记在 DOC 中的样子

<li class="ui-li-has-alt ui-li-has-thumb ui-first-child">
    <a href="/jqmoblog/posts?class=read&amp;remote=true" class="ui-btn"><img alt="Missing" src="/jqmoblog/images/missing.png?1391029935"></a>
    <a href="/jqmoblog/posts/1" class="">First Post!</a>
    <a href="/jqmoblog/posts/1/edit" data-icon="gear" class="ui-btn ui-btn-icon-notext ui-icon-gear" title="edit post"></a>
  </li>