Javascript 打开带有rails链接的弹出窗口
我试图用rails链接打开一个弹出窗口。但不幸的是,我遇到了一些问题。当我转到新页面时,不会显示弹出窗口 我使用了rails 2.3.2 show.html.erbJavascript 打开带有rails链接的弹出窗口,javascript,ruby-on-rails,Javascript,Ruby On Rails,我试图用rails链接打开一个弹出窗口。但不幸的是,我遇到了一些问题。当我转到新页面时,不会显示弹出窗口 我使用了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" %&
<%= link_to "new payment", new_project_voucher_voucher_payment_path(@project, @voucher ), "data-toggle" => "modal", "data-target" => "#new_voucher_payment" %>
<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>
“模式”,“数据目标”=>“#新的#u凭证_支付”%>
new.html.erb
<%= link_to "new payment", new_project_voucher_voucher_payment_path(@project, @voucher ), "data-toggle" => "modal", "data-target" => "#new_voucher_payment" %>
<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>
确认书
你好
如何显示弹出窗口?如果要弹出带有凭证付款的模式,新控制器更好的方法是以js响应新的 app/views/project\u/show.html.erb
<%= link_to "new payment", new_project_voucher_voucher_payment_path(@project, @voucher ), "data-toggle" => "modal", "data-target" => "#new_voucher_payment" %>
<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>
....
app/views/project_-decisions/decision_-payments.js.erb
$(“#新的#凭证#支付”).html(“”);
$('new'u凭证\付款')。模式('show');
app/views/project\u dictionals/\u dictionals\u payment\u form.html.erb
确认书
你好
#你的代码在这里
应用程序/控制器/凭证支付控制器.rb
class VoucherPaymentsController
如果您想弹出一个带有凭单付款的模式,新控制器更好的方法是以js响应新的
app/views/project\u/show.html.erb
<%= link_to "new payment", new_project_voucher_voucher_payment_path(@project, @voucher ), "data-toggle" => "modal", "data-target" => "#new_voucher_payment" %>
<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>
....
app/views/project_-decisions/decision_-payments.js.erb
$(“#新的#凭证#支付”).html(“”);
$('new'u凭证\付款')。模式('show');
app/views/project\u dictionals/\u dictionals\u payment\u form.html.erb
确认书
你好
#你的代码在这里
应用程序/控制器/凭证支付控制器.rb
class VoucherPaymentsController
尝试将“#”作为链接,而不是新建项目(项目)凭证(凭证)支付(支付)路径
。您正在链接到一个新页面,而不是一个模式页面。谢谢。但这不起作用。以防万一,您是否仔细检查了引导程序的JavaScript是否加载到您的页面?尝试在一个它对我有效。你把上面的代码在同一页。它也对我有效。但是我希望上面的代码在不同的查看页面中。如何处理不同的页面路径和div id?尝试将“#”作为链接,而不是新建项目_凭证_凭证_付款_路径
。您正在链接到一个新页面,而不是一个模式页面。谢谢。但这不起作用。以防万一,您是否仔细检查了引导程序的JavaScript是否加载到您的页面?尝试在一个它对我有效。你把上面的代码在同一页。它也对我有效。但是我想上面的代码是在不同的查看页面。如何处理不同的页面路径和divid?