2013-08-26 5 views
0

У меня есть вид Rails с двумя значками. Каждый значок должен открывать другой модальный (с использованием частичного).Рельсы отображают два модала с одного и того же вида

Проблема в том, что оба значка открывают один и тот же модальный (первый).

Вот код для отображения модальности:

<a data-toggle="modal" href="#workorder-<%= workorder.id %>"> 
    <i class="icon-list"></i><%= workorder.wologs.count %> 
    <%= render :partial => "wologs/history", locals: {workorder: workorder} %> 
</a> 
<a data-toggle="modal" href="#workorder-<%= workorder.id %>"> 
    <i class="icon-ok-sign"></i><%= workorder.tasks.count %></a> 
    <%= render :partial => "tasks/taskslist", locals: {workorder: workorder} %> 
</a> 

Спасибо за помощь!

+0

Можете ли вы разместить Javascript-код, который показывает модальность события? Я уверен, что существует проблема с селектором, поскольку теги имеют одинаковый атрибут href – MrYoshiji

+0

@MrYoshiji, я уверен, что это Boostrap, не нужно помещать Javascript. И я также уверен, что ваша догадка правильная :) –

+0

Это бутстрап. Должен ли я каким-то образом изменить href на один? – Reddirt

ответ

1

Как уже упоминал г-н Йошиджи, причина состоит в том, что две ссылки указывают на один и тот же идентификатор, поэтому такой же модальный запущен.

Я хотел бы добавить, что также неправильно вводить модальное тело внутри ссылки, если частичное является модальным телом.

Согласно примеру Bootstrap:

<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a> 

<!-- Modal --> 
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
</div> 

Связь и модальный две совершенно разные дивы.

Так что исправление:

Launch парциальное в различных DIV и назначать различные идентификаторы для них.