javascript - 使用 Rails link_to 打开弹出窗口

Question

我试图使用rails link_to 打开一个弹出窗口。但不幸的是，我遇到了一些问题。当我进入新页面时，没有显示弹出窗口。

我使用了 Rails 2.3.2

show.html.erb

<%= link_to "new payment", new_project_voucher_voucher_payment_path(@project, @voucher ), "data-toggle" => "modal", "data-target" => "#new_voucher_payment" %>

new.html.erb

<div id ="new_voucher_payment" class="modal fade"  role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Confirmation</h4>
        <p>hello!!!!!!!!!!!!!!!!!</p>

      </div>
    </div>
  </div>
</div>

如何让弹出窗口出现？

Answer 1

如果你想弹出一个带有优惠券支付的模式，新的 Controller 更好的方法是响应新的js

app/views/project_vouchers/show.html.erb

<%= link_to "new payment", new_project_voucher_voucher_payment_path(@project, @voucher ) remote: true do %>
....
<div class="modal fade" id="new_voucher_payment" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

app/views/project_vouchers/voucher_payments.js.erb

$("#new_voucher_payment").html("<%=j render 'voucher_payment', object: @voucher_payments %>");
$('#new_voucher_payment').modal('show');

app/views/project_vouchers/_voucher_payment_form.html.erb

  <div class="modal-dialog">
   <div class="modal-content">
     <div class="modal-header">
      <h4 class="modal-title">Confirmation</h4>
      <p>hello!!!!!!!!!!!!!!!!!</p>
      # your code comes here  
     </div>
   </div>
 </div>

app/controllers/voucher_payments_controller.rb

class VoucherPaymentsController < ApplicationController
  ....
  def new
    ....
    respond_to do |format|
      format.html {
        # write the code for html response
      }
      format.js {
       @voucher_payments
      }
    end
  end
  ....
end