2016-06-02 3 views
0

Я использую Rails 4.2.3. Я установил query-modal gem (https://github.com/dei79/jquery-modal-rails), чтобы помочь мне генерировать модальные диалоги. Поэтому я включаю этоКак удалить ссылку «закрыть» из моего модального диалога?

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

и мой модальный вид. Проблема в том, что она отображается с помощью этой «Close» ссылки внизу, и я не хочу, чтобы она была там. Кто-нибудь знает, как я от него избавиться? HTML, который генерируется в

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

Edit: Вот код 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> 
+0

Пожалуйста, поделитесь HTML of 'add_form' – Prity

+0

Включен как редактирование вопроса. – Dave

ответ

0

Так, так как вы не хотите, что кнопка закрытия, есть способ, что я сделал это только с помощью 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/

0

Похоже, вы хотите отключить функциональность, которая позволяет модальный закрываться при нажатии снаружи. Если это правильно вам необходимо изменить его, как

<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; 
} 
Смежные вопросы