除非刷新页面，否则Rails ajax的第一个请求不会显示

Question

我有一个视图，该视图具有使用Ajax创建新帖子的表单，它还呈现所有帖子并将新添加的帖子添加到其中。 问题是，当我发布第一篇文章时，除非刷新，否则页面不会显示它，否则，如果我刷新它就会显示出来，并且当我添加更多文章时，Ajax可以正常工作。

这是视图index.html.erb ：

<%= link_to('Logout', destroy_user_session_path, :method => :delete) %>
<%= link_to 'Edit my account', edit_user_registration_path %>
<%= form_tag search_posts_path, method: :get do %>
<%= text_field_tag :search, params[:search] %>
<%= submit_tag "Search", name: nil %>
<% end %>

<b> Study requests </b>

<%= form_for(@post, remote: true) do |f| %>

        <%=f.label :Course_name %>
        <%=f.select :course_name, options_for_select(course_names) %><br/>

        <%=f.label :Course_number %>
        <%=f.select :course_number, options_for_select(course_numbers) %> <br/>

        <%=f.submit %>
<% end %>
<%= render @posts %>

部分是_post.html.erb ：

div id="post">
    <%= post.user_name%>
</div>

控制器：

def index
        @posts = Post.all.order('id DESC')
        @post = Post.new
    end

    def create
        @post = current_user.posts.build(post_params)

        @post.save
        respond_to do |format|
            format.html { redirect_to @post, notice: "Study request successfully added" }
            format.js {}
            format.json { render json: @post, status: :created, location: @post }
        end
    end

最后是我的create.js.erb ：

$("<%= escape_javascript(render @post) %>").prependTo("#post");

Answer 1

我知道了，我只需要在局部渲染周围添加一个新的div，就像这样：

<ul id="container">
<%= render @posts %>
</ul>

并更改create.js以追加到此div