2013-03-03 13 views
15

Poprosiłem o to wcześniej, ale niestety wciąż jestem zablokowany. Mam link_to jak tenJak korzystać z modemu bootstrap z łączem linkowym w szynach?

<%= link_to "Click Here", page_path,, :id => 'login', "data-toggle" => "modal" %> 

w page.html.erb (strony, które chcę, aby załadować w modalnym gdy łącze zostanie kliknięty), mam

<div class="modal" id="loginModal"> 
    Test Content 
</div> 

w aktywa/strony. js.coffee

$('#loginModal').modal(options) 

ale nadal link nie otwiera się w trybie Jakaś pomoc?

Odpowiedz

17

Dodaj data-target

<%= link_to "Click Here", page_path, :id => 'login', "data-toggle" => "modal", 'data-target' => '#loginModal' %> 
+0

CZEŚĆ, treść nie znajduje się na tej samej stronie. this link_to jest na/page/i chcę otworzyć/stronę/1 w modulacji bootstrap – iCyborg

+3

zobacz moją zmienioną odpowiedź – Intrepidd

+0

Dzięki, zrobiłem to, ale nadal link nie działa (klikam, ale nigdzie nie chodzę). W moim asset/javascript/page.js.coffee umieściłem $ ('# loginModal'). Modal (opcje), czy to w porządku? – iCyborg

8

Jest ładniejszy sposób dodać data atrybuty w Rails. Możesz zrobić coś takiego, aby uzyskać takie same wyniki.

<%= link_to 'Click Here', "#", data: {toggle: "modal", target: "#modal"} %> 
+0

Jak ładujesz tylko częściowe w modalu zamiast całej strony? Na przykład chcę tylko widok edycji. – user2012677

Powiązane problemy