小编tri*_*ddy的帖子

使用带有srcset属性的image_tag?

我尝试在一个srcset内部使用一个属性,image_tag但我不能使它工作.

我不确定它是语法错误还是通常在image_tag中不起作用.

是否可以在image_tag中使用srcset属性?

如果是,怎么样?,如果不是,为什么没有,是否有解决方法?

<%= link_to(image_tag("logo.png", alt: "logo", :id => "logo"), root_path) %>
Run Code Online (Sandbox Code Playgroud)

ruby-on-rails image srcset

8
推荐指数
1
解决办法
2415
查看次数

如何在导航栏上垂直对齐图标?

我试图垂直对齐导航栏上的图标,然后尝试使用这种方法:

.element {
 position: relative;
 top: 50%;
 transform: translateY(-50%);
}
Run Code Online (Sandbox Code Playgroud)

这是我的代码:

的HTML

<div class="navbar">
  <nav>
    <ul>
      <% if logged_in? %>
        <li><%= link_to "IOAKA", dashboard_path %></li>
        <li><%= link_to(image_tag("icon_ioaka.png", alt: "geometry IOAKA icon", 
        :class => "icon", :id => "ioaka_icon2"), dashboard_path) %></li>
        <li><%= link_to(image_tag("icon_settings.png", alt: "geometry settings icon", 
        :class => "icon", :id => "settings_icon"), edit_user_path(current_user)) %></li>
        <li><%= link_to(image_tag("icon_logout.png", alt: "geometry logout icon", 
        :class => "icon", :id => "logout_icon"), logout_path, method: "delete") %></li>
      <% else %>
        <li><%= link_to "IOAKA", root_path %></li>
        <li><%= link_to(image_tag("icon_login.png", alt: …
Run Code Online (Sandbox Code Playgroud)

html css

6
推荐指数
1
解决办法
4274
查看次数

如何通过 will_paginate 在视图和控制器上使用 sort_by 或 order_by?

在我的 Rails 应用程序中,我通过分页限制页面上显示的房间数量,我希望允许用户将结果排序/排序到房间模型的不同列。我想我需要一个下拉菜单来执行此操作,然后可能通过实例变量将此数据传递到我的 rooms_controller 。

如何根据列对带有 select 标签的房间进行排序?我需要在相应的控制器中做什么才能完成这项工作?

目前我正在使用它作为下拉菜单:

索引.html.erb

...
...
<%= will_paginate @rooms %>

<div id="order-by">
     <select>
        <option value="asc">Distance</option>
        <option value="asc">Name</option>
        <option value="asc">Price (low to high)</option>
        <option value="des">Price (high to low)</option>
        <option value="asc">Reviews</option>
      </select>
</div>
Run Code Online (Sandbox Code Playgroud)

rooms_controller.rb

...
...
  def index
    @rooms = Room.paginate :page => params[:page], :per_page => 12
  end
...
Run Code Online (Sandbox Code Playgroud)

我的房间模型有listing_name:string、address:string、nightly_price:integer 和has_many 评论。我的评论模型属于房间。我正在使用地理编码器 gem 来定位房间的位置。

我已经搜索了分配并尝试了多种方法来完成这项工作,但我无法弄清楚这一点。对于任何有关如何解决此问题的提示,我会非常高兴!如果您需要更多信息,请告诉我。

sorting pagination ruby-on-rails

3
推荐指数
1
解决办法
1355
查看次数

Ruby on Rails中的社交媒体共享按钮

我正在尝试在Ruby on Rails的博客应用程序中添加自定义社交媒体共享按钮。对于我来说很重要的是,将显示一个弹出窗口以共享“帖子”,这意味着我要包含Javascript。

不幸的是,这段代码不起作用:

  <!-- Twitter -->
  <a oneclick="javascript:window.open('http://twitter.com/share?text=<%= @post.title %> 
  by Martin Bortowski - &amp;url=<%= url_for([@post, {only_path: false}]) %>',
  '_blank', 'width=800, height=500, top=200, left=300');void(0);"><i class="fa fa-twitter"></i></a>

  <!-- Facebook -->
  <a oneclick="javascript:window.open('http://facebook.com/sharer.php?u=<%= url_for([@post, {only_path: false}]) %>',
  '_blank', 'width=800, height=500, top=200, left=300');void(0);"><i class="fa fa-facebook"></i></a>

  <!-- Google Plus -->
  <a oneclick="javascript:window.open('https://plus.google.com/share?url=<%= url_for([@post, {only_path: false}]) %>',
  '_blank', 'width=800, height=500, top=200, left=300');void(0);"><i class="fa fa-google-plus"></i></a>
Run Code Online (Sandbox Code Playgroud)

当我单击一个按钮时,什么也没有发生。我缺少什么?有谁可以帮助我吗?如果您需要更多信息,请告诉我。

social-media ruby-on-rails

1
推荐指数
1
解决办法
4735
查看次数

标签 统计

ruby-on-rails ×3

css ×1

html ×1

image ×1

pagination ×1

social-media ×1

sorting ×1

srcset ×1