Question

我有一个博客类型的应用程序，每个帖子都有一个编辑按钮。点击后，我想部分渲染在当前页面的顶部，其中一个表格预先填充了他们想要编辑的帖子的内容。我尝试了几种不同的方式，似乎没有任何工作。

部分应呈现的页面内是：

<div id="post_edit_full_screen">

</div>

帖子文件夹里面的

_update_post.html.erb

<div id="post_edit_div">      
  <%= form_for(:post, url: 'posts/update') do |p| %>
    <div>
      <p>
        <%= p.text_field :title, placeholder: "Post Title" %>
        <%= p.text_field :tags, placeholder: "Tags, separated by commas" %>
      </p>
      <p> <%= p.text_area :content, placeholder: "Post Content" %> </p>
    </div>
    <div> 
      <%= p.submit "Submit Post", class: 'submit' %>
      <div id="update_post_cancel">Cancel</div>
    </div>
  <% end %>
</div>

posts.js

$('a.edit_post').click(function (event) {
    $('div#post_edit_full_screen').html('<%=j(render partial: "posts/update_post") %>');

Answer 1

您必须将文件从_update_post.html.erb重命名为_update_post.js.erb

More about Layouts and Rendering

在当前页面上叠加部分

1 个答案: