Question

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

然而，当我在不使用jQuery Mobile的App版本中使用相同的image_tag时，会显示图像。有谁知道为什么会这样？

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

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

Rails image_tag无法使用jQuery mobile

1 个答案: