Question

我正在使用Rails 4.2.3。我已经安装了query-modal gem（https://github.com/dei79/jquery-modal-rails）来帮助我生成模态对话框。所以我包括这个

<%= link_to_modal "Add Item”, "#add_form", :class=>'modal_button' %>

我的模态出现了。问题是，它通过底部的“关闭”链接呈现，我不希望它在那里。有谁知道我如何摆脱它？生成的HTML是

<a href="#close-modal" rel="modal:close" class="close-modal">Close</a>

编辑：以下是评论所要求的add_form代码。

<div id="add_form">
<%= form_for @my_object, :remote => true do |f| %>
  <div class="field">
    <%= f.label :name %> <span class="required">*</span><br>
    <%= f.text_field :name %>
  </div>
  <div class="field">
    <%= f.label :day %> <span class="required">*</span><br>
    <%= f.text_field :day, class: 'datepicker' %>
  </div>
  <div class="actions">
    <input type="hidden" id="_method" name="_method" value="" />
    <%= button_to "Save", { :action => "create" }, :method => :post, :class => 'button' %>
  </div>
<% end %>
</div>

Answer 1

因此，既然你不想要那个关闭按钮，那么有一种方法我只用css

首先，您应该在require_tree .文件中将require jquery.modal置于application.css以下，就像这样

 *= require jquery-ui
 *= require jquery.modal
 *= require_tree .
 *= require_self
 */

然后在样式表文件夹

中创建一个base.css文件

stylesheets
  |application.css
  |base.css

并在base.css文件中添加此

.modal a.close-modal {
  display: none;
}

这是我的最终结果 http://postimg.org/image/dh2wp08jf/

Answer 2

似乎您想禁用允许在外部单击时关闭模态的功能。如果这是正确的，您需要像

一样进行更改

<div id="modal" class="modal hide fade in" data-keyboard="false" data-backdrop="static">

隐藏关闭按钮可以轻松完成，因为它来自HTML和CSS

.close {display: none;}

或

.modal a.close-modal {
  display: none;
}

如何从模态对话框中删除“关闭”链接？

2 个答案: