Javascript 如何在rails4链接中打开弹出框

嗨，我想打开弹出框，我给了这个在我的看法

<%=link_to 'show',edit_interview_round_path(round), :remote => true%>
<div id="popup">
</div>

我正在使用edit.js.erb

$("#popup").html('<%= escape_javascript(render 'interview_rounds/form') %>');

在采访中，您的“查房/编辑”视图写下了这一点

<%= render 'form' %>

在采访中_rounds/_formview写下了这句话

<%= form_for @interview_round do |f| %>

    <div class='modal'>
      <%= f.text_field :name, :class => 'form-control' %>
      <label for='name'>Name</label>
    </div>


    <div class='input-field col s12' >
      <%= f.text_field :question_1, :class => 'form-control' %>
      <label for='name'>Name</label>
    </div>

    <div class='col s12 center-align'>
      <%= button_tag(:class => "btn waves-effect waves-light btn-large custom_btn_gray") do %>
          Submit <i class="mdi-content-send right"></i>
      <% end %>
    </div>

<% end %>

---

所以现在，当我点击显示时，它不会打开弹出窗口，它会在同一页上显示编辑视图，我想在弹出框中显示它，请指导我如何操作。提前谢谢

尝试格式化部分渲染代码，如下所示：

$("#popup").html("<%= j render( :partial => 'interview_rounds/form' ) %>");

看起来您有嵌套的单引号，这可能是问题所在。 您的代码当前设置为在id为popup的div中呈现同一页面上的部分

如果要在新窗口中渲染，请尝试以下操作：

var wind = window.open("", "popupWindow", "width=600,height=600");

wind.document.write("<%= j render( :partial => 'interview_rounds/form' ) %>");

---

如果表单在弹出div中正确呈现，并且需要模式或覆盖效果，则只需将弹出div设置为模式，即可使用。

window.open，mywindow，width=600，height=600；将这一行添加到edit.js.erb会出现什么错误？当我单击链接“show”时，控制台上不会发生任何事情，也不会出现错误。同样在rails控制台中，我在2015-06-02 18:10:49+0530通过InterviewRoundsController处理127.0.0.1时开始使用GET/interview\rounds/54/edit作为js参数：{id=>54}面试轮次加载0.3ms选择面试轮次。*从面试轮次中，面试轮次.id=54按面试轮次排序.id ASC LIMIT 1呈现面试轮次/edit.js.erb 0.4ms在8ms视图中完成200次OK：5.1ms |活动记录：0.3ms css u用于弹出窗口的是什么？？？你只需要玩弹出式cssthank你。。我终于明白了，它是在同一页面上呈现表单本身，但没有打开弹出框是的，它正在打开一个新窗口，但我想在同一窗口上打开，就像jquery模式对话框一样，并在模式对话框上显示编辑表单，然后您只需要使用第一个代码段并设置模式样式。也许你也想澄清一下你的问题。就像@bunty所说的，您只需要使用CSS来设置弹出div的样式。

var wind = window.open("", "popupWindow", "width=600,height=600");

wind.document.write("<%= j render( :partial => 'interview_rounds/form' ) %>");