Rails link_to_modal,需要添加滚动条

时间:2014-03-17 20:23:45

标签: jquery css ruby-on-rails

我正在使用宝石......

  gem 'jquery-ui-rails'
  gem 'jquery-modal-rails'

在我看来,我有......

<%= link_to_modal "Add Exsisting Shot", add_shots_path %>

我正在使用这个模态窗口列出一堆对象。如果我有多个对象,这些对象列出窗口。如何在此窗口中添加滚动条。我发现溢出:auto并且我正在尝试做类似的事情......

<%= link_to_modal "Add Exsisting Shot", add_shots_path, overflow:auto %>

......但是没有相似的东西。

2 个答案:

答案 0 :(得分:1)

将班级与链接相关联不起作用。但是将我的观点包含在适当的类中。这是我的代码......

的应用程序/资产/样式表/ application.css

.classname{
 max-height: 400px;
 overflow-y: auto;
}

的应用程序/视图/任务/ index.html.erb

<%= link_to_modal "Modal", new_task_path %>

的应用程序/视图/任务/ _form.html.erb

<div class="classname">
  ...contents of view here
</div>

答案 1 :(得分:0)

在css文件中添加一个类

.classname{
 overflow: auto;
}

然后在视图中,将link_to_modal更新为

<%= link_to_modal "Add Exsisting Shot", add_shots_path, class: "classname" %>